/* NeuroInclusive.UK — site theme layer (Oct 2026), now "Lilac calm".
   Loaded after global.css on the older pages (assessment, sign-in,
   dashboards, info pages) so they match the new parent site.
   It only re-points global.css colour variables; no layout changes.
   Light only: the parent site has no dark mode. */

:root,
:root[data-theme="dark"],
[data-theme="dark"] {
  --navy: #23213A; --navy-light: #34314F; --navy-lighter: #44405F;
  --teal: #2C7169; --teal-text: #245E57; --teal-dark: #1D4B46;
  --teal-light: #CBE5DF; --teal-50: #DCEEEA;
  --blue: #3F7F96; --blue-dark: #2F6477; --blue-light: #DCE9EE;
  --orange: #5646BA; --orange-text: #42359A; --orange-light: #E6E1F6;
  --coral: #4E3FA8; --coral-dark: #3A2F88; --coral-light: #E6E1F6;
  --purple: #5646BA; --purple-dark: #42359A; --purple-deeper: #352A80; --purple-light: #E6E1F6;
  --slate-50: #F7F6FB; --slate-100: #ECEAF5; --slate-200: #DCD9EA;
  --slate-300: #C9C5DC; --slate-400: #8C8F92; --slate-500: #6A6783;
  --slate-600: #4C4965; --slate-700: #3E3B57; --slate-800: #2E2B48;
  --slate-900: #23213A; --white: #FFFFFF;
  --font-display: 'Bricolage Grotesque', 'Figtree', system-ui, sans-serif;
  --font-body: 'Figtree', system-ui, sans-serif;
  --card-bg: #FFFFFF; --card-border: #DCD9EA;
  --text-heading: #23213A; --text-body: #4C4965; --text-muted: #6A6783;
}

html, body { background: #F7F6FB !important; color: #4C4965; }
.nav, .nav.nav-home, .nav-home.scrolled { background: rgba(247, 246, 251, 0.94) !important; border-bottom: 1px solid #DCD9EA !important; }
.nav-home .nav-logo span, .nav-home .nav-links a { color: #23213A !important; }
.nav-cta, .btn-primary { background: #5646BA !important; color: #FFFFFF !important; }
.nav-cta:hover, .btn-primary:hover { background: #42359A !important; }
.progress-fill { background: linear-gradient(90deg, #2C7169, #5646BA) !important; }

/* The domain tags were a six-step orange ramp; soften them to paper tones */
.domain-tag-1, .domain-tag-2, .domain-tag-3,
.domain-tag-4, .domain-tag-5, .domain-tag-6 { background: #ECEAF5 !important; color: #42359A !important; }

/* Parked dark-mode toggle: hide it so the theme stays consistent */
.theme-toggle, #themeBtn { display: none !important; }

/* Headers that hard-code navy/white inline (assessment pages, dashboards) */
.nav-logo { color: #23213A !important; }
.nav-logo span { color: #2C7169 !important; }
.progress-bar { background: #DCD9EA !important; }
.nav-links a, .nav-back { color: #4C4965; }

/* Lilac calm: pill buttons to match the marketing pages */
.btn, .nav-cta, .btn-primary, .upsell-buy, .auth-btn, .eg-btn { border-radius: 999px !important; }
.auth-btn { background: var(--orange) !important; }
.auth-btn:hover { background: var(--orange-text) !important; }
.magic-link-btn { border-radius: 999px !important; }

/* Older info pages (privacy, accessibility, AI) now carry the parent menu: keep it legible on the light header */
.nav-page .nav-links a { color: #23213A !important; }
.nav-page .nav-links a:hover { color: #5646BA !important; }
.nav-page .nav-logo span { color: #2C7169 !important; }
.nav-page .nav-mobile-toggle span { background: #23213A !important; }
.nav-signin { border: none !important; color: #23213A !important; padding: 10px 12px !important; }
.nav-signin:hover { background: transparent !important; color: #5646BA !important; }
.nav-page .nav-links a.nav-cta { background: #5646BA !important; color: #FFFFFF !important; border-radius: 999px !important; }
.nav-page .nav-links a.nav-cta:hover { background: #42359A !important; }
@media (max-width: 768px) {
  .nav-page .nav-links, .dash-nav .nav-links { background: #FFFFFF !important; border-bottom: 1px solid #DCD9EA; }
}