:root {
  --nd-primary: #18383a;
  --nd-primary-hover: #285457;
  --nd-primary-soft: rgba(237, 117, 91, 0.12);
  --nd-focus: #ed755b;
  --nd-surface: rgba(255, 253, 249, 0.96);
  --nd-surface-soft: rgba(242, 238, 230, 0.96);
  --nd-border: rgba(24, 56, 58, 0.12);
  --nd-text: #18383a;
  --nd-muted: #63706d;
}

body[data-visual-theme="light"] {
  color: #18383a;
  background:
    radial-gradient(circle at top, rgba(237, 117, 91, 0.08), transparent 28%),
    radial-gradient(circle at right, rgba(177, 210, 194, 0.20), transparent 24%),
    #f8f5ef;
}

body[data-visual-theme="light"] .site-header {
  border-bottom-color: rgba(24, 56, 58, 0.10);
  background: rgba(248, 245, 239, 0.94);
}

body[data-visual-theme="light"] :where(.button, .home-index-link:first-child) {
  background: linear-gradient(135deg, #ed755b, #18383a);
  box-shadow: 0 12px 24px rgba(24, 56, 58, 0.18);
}

body[data-visual-theme="light"] :where(.button, .home-index-link:first-child):hover {
  background: linear-gradient(135deg, #18383a, #285457);
}

body[data-visual-theme="light"] :where(.button-secondary, .pill-route, .home-index-link:not(:first-child)) {
  border-color: rgba(24, 56, 58, 0.12);
  background: rgba(255, 253, 249, 0.96);
  color: #18383a;
}

body[data-visual-theme="light"] .hero-banner {
  background: #e7dfd3;
}

body[data-visual-theme="light"] .hero-banner::after {
  background: linear-gradient(90deg, rgba(248, 245, 239, 0.96), rgba(255, 253, 249, 0.78) 48%, rgba(255, 253, 249, 0.14));
}

body[data-visual-theme="light"] :where(.section-kicker, .home-index-title, .nav-menu-label, .menu-menu-label) {
  color: #18383a;
}

body[data-visual-theme="light"] :where(a, .topic-link, .pill-route):hover {
  color: #ed755b;
}

body[data-visual-theme="light"] .callout {
  background: linear-gradient(135deg, rgba(237, 117, 91, 0.10), rgba(255, 253, 249, 0.96));
}

body[data-visual-theme="light"] .legal-note {
  background: #e7efea;
}

.quiz-site-header {
  border-bottom-color: rgba(24, 56, 58, 0.12);
  background: rgba(255, 253, 249, 0.96);
  box-shadow: 0 10px 30px rgba(24, 56, 58, 0.10);
}

.quiz-site-brand,
.quiz-site-header .quiz-desktop-nav > a,
.quiz-site-header .quiz-nav-trigger,
.quiz-site-header .quiz-mobile-menu > summary {
  color: #18383a;
}

.quiz-site-brand::before {
  background: #ed755b;
  box-shadow: 0 0 0 5px rgba(237, 117, 91, 0.18);
}

.quiz-site-brand-sub {
  color: #63706d;
}

.quiz-mobile-menu > summary {
  border-color: rgba(24, 56, 58, 0.16);
  background: #f2eee6;
}

.quiz-menu-panel,
.quiz-nav-submenu {
  border-color: rgba(24, 56, 58, 0.12);
  background: #fffdf9;
}

.quiz-menu-panel > a,
.quiz-menu-trigger,
.quiz-menu-submenu a,
.quiz-nav-submenu a {
  color: #18383a;
}

.quiz-menu-panel > a:hover,
.quiz-menu-panel > a:focus-visible,
.quiz-menu-trigger:hover,
.quiz-menu-trigger:focus-visible,
.quiz-menu-submenu a:hover,
.quiz-menu-submenu a:focus-visible,
.quiz-nav-submenu a:hover,
.quiz-nav-submenu a:focus-visible {
  background: rgba(237, 117, 91, 0.10);
  color: #18383a;
}