/* Nau Labs palette — Option A — Deep lab navy (light pages, navy hero, sky-blue accent)
   Swap this file in index.html to change the look. Light values first; dark-mode values follow. */

:root {
  --bg: #F4F8FC;
  --surface: #EAF1F9;
  --card: #FFFFFF;
  --line: #D3DFEC;
  --ink: #24344A;
  --ink-strong: #0B2545;
  --ink-soft: #4A5B72;
  --link: #1E5AA8;
  --brand: #1E5AA8;
  --eyebrow: #1E5AA8;
  --accent: #3DA5D9;
  --accent-hover: #5BB6E2;
  --on-accent: #0B2545;
  --focus: #3DA5D9;
  --ok: #6FCF97;
  --hero-bg: #0B2545;
  --hero-panel: #134074;
  --hero-line: #2A4F7E;
  --hero-ink: #FFFFFF;
  --hero-soft: #C3D8EE;
  --hero-muted: #94AECB;
  --hero-eyebrow: #9CC3EA;
  --feature-bg: #0B2545;
  --feature-ink: #FFFFFF;
  --feature-soft: #C3D8EE;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #08172B;
    --surface: #0D1F38;
    --card: #112743;
    --line: #1F3A5E;
    --ink: #D4E1F0;
    --ink-strong: #F1F6FC;
    --ink-soft: #9DB2CB;
    --link: #7DB9EC;
    --brand: #7DB9EC;
    --eyebrow: #7DB9EC;
    --accent: #3DA5D9;
    --accent-hover: #5BB6E2;
    --on-accent: #06172B;
    --focus: #7DB9EC;
    --ok: #6FCF97;
    --hero-bg: #061223;
    --hero-panel: #0F2847;
    --hero-line: #22426B;
    --hero-ink: #FFFFFF;
    --hero-soft: #C3D8EE;
    --hero-muted: #8EA7C4;
    --hero-eyebrow: #9CC3EA;
    --feature-bg: #134074;
    --feature-ink: #FFFFFF;
    --feature-soft: #C3D8EE;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #08172B;
  --surface: #0D1F38;
  --card: #112743;
  --line: #1F3A5E;
  --ink: #D4E1F0;
  --ink-strong: #F1F6FC;
  --ink-soft: #9DB2CB;
  --link: #7DB9EC;
  --brand: #7DB9EC;
  --eyebrow: #7DB9EC;
  --accent: #3DA5D9;
  --accent-hover: #5BB6E2;
  --on-accent: #06172B;
  --focus: #7DB9EC;
  --ok: #6FCF97;
  --hero-bg: #061223;
  --hero-panel: #0F2847;
  --hero-line: #22426B;
  --hero-ink: #FFFFFF;
  --hero-soft: #C3D8EE;
  --hero-muted: #8EA7C4;
  --hero-eyebrow: #9CC3EA;
  --feature-bg: #134074;
  --feature-ink: #FFFFFF;
  --feature-soft: #C3D8EE;
  color-scheme: dark;
}