:root {
  --primary: #ed4b4b;
  --primary-fg: #fff;
  --body-bg: #fff7f5;
  --body-fg: #231f20;
  --header-color: #fff;
  --header-branding-color: #fff;
  --header-bg: #231f20;
  --link-fg: #c93c3c;
  --link-hover-color: #9f2b2b;
  --accent: #ed4b4b;
  --hairline-color: #efd2ce;
  --border-color: #efd2ce;
  --selected-bg: #fff0ed;
  --button-bg: #ed4b4b;
  --button-fg: #fff;
  --button-hover-bg: #d73a3a;
  --default-button-bg: #ed4b4b;
  --default-button-hover-bg: #d73a3a;
  --secondary: #fff0ed;
}
#header {
  background: linear-gradient(90deg, #231f20 0%, #3a3435 100%);
  color: #fff;
}
#site-name, #site-name a { color: #fff; }
.admin-branding { display: flex; align-items: center; gap: 16px; }
.admin-branding img { height: 34px; width: auto; display: block; }
.admin-branding-text strong { display: block; font-size: 18px; }
.module h2, .module caption, .inline-group h2 {
  background: #fff1ef;
  color: #231f20;
}
div.breadcrumbs { background: #fff1ef; color: #5a4f50; }
.button, input[type=submit], input[type=button], .submit-row input, a.button {
  border-radius: 10px;
}
.login #container {
  background: transparent;
}
.login #content {
  box-shadow: 0 18px 40px rgba(74, 24, 24, .08);
  border: 1px solid #efd2ce;
  border-radius: 24px;
}
.login-title-wrap { text-align: center; margin-bottom: 18px; }
.login-title-wrap img { height: 48px; width: auto; display: block; margin: 0 auto 16px; }
.login-title-wrap h1 { margin: 0 0 8px; font-size: 30px; color: #231f20; }
.login-title-wrap p { margin: 0; color: #6e6364; }