/* Happy Friday · Living Water — design tokens (§3).
   Dark is the ground state. Light is a manual toggle (data-theme="light").
   Brand constants never change; semantic tokens flip with the theme. */

:root {
  /* ---- brand constants (fixed in both themes) ---- */
  --navy:       #12295F;
  --midnight:   #0A1838;
  --navy-700:   #16326F;
  --azure:      #1C9DD8;
  --azure-text: #1477AD;
  --cyan:       #4FC3E8;
  --cyan-bright:#5cc7ec;
  --cyan-soft:  #A8E0F3;
  --white:      #FFFFFF;
  --paper:      #EAF0F9;
  --ink:        #0E1C40;
  --ink-60:     #5A6584;
  --dawn-1:     #F6C77A;
  --dawn-2:     #EF9A6B;
  --btn-ink:    #08122b;   /* text on azure fills */

  /* ---- semantic tokens — DARK (default ground state) ---- */
  --ground:      #12295F;
  --ground-alt:  #0d1f47;
  --ground-deep: #0A1838;
  --card:        #17356b;
  --text:        #eef4ff;
  --text-soft:   rgba(222,233,250,.74);
  --text-mute:   rgba(222,233,250,.55);
  --accent:      #5cc7ec;
  --edge:        rgba(255,255,255,.12);
  --card-edge:   rgba(120,180,230,.24);
  --header-bg:   #12295F;
  --header-blur: rgba(18,41,95,.72);
  --input-bg:    #12295F;

  /* ---- type ---- */
  --font-display: "Jost", Futura, "Century Gothic", system-ui, sans-serif;
  --font-body:    "Newsreader", Georgia, serif;
  --font-mono:    "IBM Plex Mono", ui-monospace, monospace;

  /* ---- spacing / radius / shadow / motion ---- */
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2.5rem;
  --space-5:4rem;  --space-6:6rem; --space-7:9rem;
  --header-h:84px;
  --radius:14px; --radius-lg:24px; --radius-pill:999px;
  --shadow-soft:0 10px 40px -12px rgba(10,24,56,.28);
  --shadow-card:0 30px 70px -40px rgba(0,0,0,.5);
  --ease:cubic-bezier(.22,.61,.36,1);
  --wrap:1180px; --wrap-narrow:820px;
}

/* ---- semantic tokens — LIGHT (manual toggle) ---- */
:root[data-theme="light"] {
  --ground:      #FFFFFF;
  --ground-alt:  #EAF0F9;
  --ground-deep: #EAF0F9;
  --card:        #FFFFFF;
  --text:        #0E1C40;
  --text-soft:   rgba(14,28,64,.74);
  --text-mute:   rgba(14,28,64,.55);
  --accent:      #1477AD;
  --edge:        rgba(18,41,95,.12);
  --card-edge:   rgba(18,41,95,.14);
  --header-bg:   #FFFFFF;
  --header-blur: rgba(255,255,255,.82);
  --input-bg:    #FFFFFF;
  --shadow-card: 0 24px 60px -34px rgba(18,41,95,.35);
}