/* Static pages share the app palette and system preference. */
:root {
  /* New palette: warm cream surface, deep amber accent, near-black text */
  --bg-page: #FBF9F4;
  --bg-elev: #FFFFFF;

  --amber: #C57E0F;
  --amber-hover: #E89818;
  --amber-text-on: #FFFFFF;
  --amber-soft-04: rgba(197, 126, 15, 0.05);
  --amber-soft-05: rgba(197, 126, 15, 0.06);
  --amber-soft-06: rgba(197, 126, 15, 0.07);
  --amber-soft-08: rgba(197, 126, 15, 0.09);
  --amber-soft-1:  rgba(197, 126, 15, 0.10);
  --amber-soft-12: rgba(197, 126, 15, 0.13);
  --amber-soft-15: rgba(197, 126, 15, 0.18);
  --amber-soft-18: rgba(197, 126, 15, 0.22);
  --amber-soft-2:  rgba(197, 126, 15, 0.25);
  --amber-soft-25: rgba(197, 126, 15, 0.32);
  --amber-soft-3:  rgba(197, 126, 15, 0.40);
  --amber-soft-4:  rgba(197, 126, 15, 0.55);
  --amber-soft-45: rgba(197, 126, 15, 0.6);
  --amber-soft-7:  rgba(197, 126, 15, 0.75);

  --text-strong:  #1A1A1A;
  --text-mid:     rgba(26, 26, 26, 0.85);
  --text-soft:    rgba(26, 26, 26, 0.78);
  --text-mute:    rgba(26, 26, 26, 0.65);
  --text-faint:   rgba(26, 26, 26, 0.6);
  --text-quiet:   rgba(26, 26, 26, 0.55);
  --text-whisper: rgba(26, 26, 26, 0.5);
  --text-ghost:   rgba(26, 26, 26, 0.4);

  --grid-line: rgba(197, 126, 15, 0.05);
  --scanline:  rgba(0, 0, 0, 0.015);
  --pulse-green: #16A34A;

  /* Existing tokens — remapped to the new palette */
  --th-bg: var(--bg-page);
  --th-sidebar: #F4F1E8;
  --th-surface: #F0EBDD;
  --th-surface-light: #E8E2D0;
  --th-border: rgba(26, 26, 26, 0.12);
  --th-text: var(--text-strong);
  --th-text-heading: #111111;
  --th-text-secondary: var(--text-mute);
  --th-text-desc: var(--text-soft);
  --th-text-tertiary: var(--text-quiet);
  --th-text-muted: var(--text-ghost);
  --th-input: rgba(0, 0, 0, 0.04);
  --th-input-border: rgba(0, 0, 0, 0.12);
  --th-hover: rgba(0, 0, 0, 0.04);
  --background: var(--bg-page);
  --foreground: var(--text-strong);
}

.dark {
  --bg-page: #0A0A0F;
  --bg-elev: #050507;

  --amber: #F5A623;
  --amber-hover: #FFB94A;
  --amber-text-on: #0A0A0F;
  --amber-soft-04: rgba(245, 166, 35, 0.04);
  --amber-soft-05: rgba(245, 166, 35, 0.05);
  --amber-soft-06: rgba(245, 166, 35, 0.06);
  --amber-soft-08: rgba(245, 166, 35, 0.08);
  --amber-soft-1:  rgba(245, 166, 35, 0.10);
  --amber-soft-12: rgba(245, 166, 35, 0.12);
  --amber-soft-15: rgba(245, 166, 35, 0.15);
  --amber-soft-18: rgba(245, 166, 35, 0.18);
  --amber-soft-2:  rgba(245, 166, 35, 0.20);
  --amber-soft-25: rgba(245, 166, 35, 0.25);
  --amber-soft-3:  rgba(245, 166, 35, 0.30);
  --amber-soft-4:  rgba(245, 166, 35, 0.40);
  --amber-soft-45: rgba(245, 166, 35, 0.45);
  --amber-soft-7:  rgba(245, 166, 35, 0.70);

  --text-strong:  #E8E8F0;
  --text-mid:     rgba(232, 232, 240, 0.78);
  --text-soft:    rgba(232, 232, 240, 0.70);
  --text-mute:    rgba(232, 232, 240, 0.60);
  --text-faint:   rgba(232, 232, 240, 0.55);
  --text-quiet:   rgba(232, 232, 240, 0.50);
  --text-whisper: rgba(232, 232, 240, 0.40);
  --text-ghost:   rgba(232, 232, 240, 0.35);

  --grid-line: rgba(245, 166, 35, 0.04);
  --scanline:  rgba(255, 255, 255, 0.012);
  --pulse-green: #4ADE80;

  --th-bg: var(--bg-page);
  --th-sidebar: #0E0E13;
  --th-surface: #141419;
  --th-surface-light: #1A1A20;
  --th-border: rgba(232, 232, 240, 0.12);
  --th-text: var(--text-strong);
  --th-text-heading: #FFFFFF;
  --th-text-secondary: var(--text-mute);
  --th-text-desc: var(--text-soft);
  --th-text-tertiary: var(--text-quiet);
  --th-text-muted: var(--text-ghost);
  --th-input: rgba(255, 255, 255, 0.04);
  --th-input-border: rgba(255, 255, 255, 0.08);
  --th-hover: rgba(255, 255, 255, 0.03);
  --background: var(--bg-page);
  --foreground: var(--text-strong);
}
html.light .chat-window{background:rgba(251,249,244,0.95)}
html.light .site-logo{color:#1a1a1a}
html.light .prompt-prefix{color:#585858}
html.light h1{color:#1a1a1a}
html.light .subtitle{color:#585858}
html.light .waitlist-form input{background:rgba(0,0,0,0.04);color:#1a1a1a}
html.light .chat-header-title{color:#585858}
html.light .chat-msg .sender.user{color:#1a1a1a}
html.light .chat-msg.user-msg .bubble{background:rgba(0,0,0,0.06)}
html.light .chat-msg .bubble{color:#555}
html.light .chat-msg .bubble strong{color:#333}
html.light .chat-msg .bubble .item{color:#444}
html.light .chat-msg .bubble .item .item-detail{color:#595959}

html.light { --bg:#FBF9F4; --text:#1a1a1a; --text-dim:#585858; --text-dimmer:#666; --border:rgba(0,0,0,.12); --green:#168647; }
html.dark[data-wf-site] { --white:#141419; --blue-grey-body-text:#c2c7d0; --navy-dark:#e8e8f0; --navy:#b7cee8; --bright-blue:#78bbfa; --gold-dark:#e8c46d; --blue-light:#191f29; --blue-med:#233344; --blue-grey-light:#363b44; --blue-grey-lightest:#101015; --blue-grey-lighter:#1c2028; --gold-light:#302b20; --black:#f0f0f0; }
html.dark[data-wf-site] :is(.button-navy,.call-to-action,.footer,.check-cirlcle-dark-blue) { background-color:#182233; color:#f0f0f0; }
html.dark[data-wf-site] :is(.footer a,.footer-col-title,.cta-title,.cta-text,.check-list-item-text-white) { color:#f0f0f0; }
html.dark[data-wf-site] .header-wrapper { background:#141419; border-color:#363b44; }
html.dark[data-wf-site] .nav-link { color:#e8e8f0; }
html.dark[data-wf-site] :is(.header-logo,.footer-logo-wrapper img) { filter:brightness(0) invert(1); }