/* nup (planners — design tokens (blue accent))
   Color/type variables + light/dark themes only. Pair with base.css. */

  :root{
    /* dark is the brand's home; light is the "blueprint" counterpart */
    --bg:#0e1116; --surface:#141b23; --surface-2:#1a222c; --line:#232c38;
    --text:#e6edf3; --muted:#8b97a7; --faint:#5c6674;
    --accent:#4c9aff; --accent-ink:#06101f; --accent-soft:rgba(76,154,255,.12);
    --grid:rgba(120,150,190,.09);
    /* semantic tension colors (separate from the accent) — apply in both themes */
    --danger:#ef6a4f; --warn:#e0a52e; --danger-soft:rgba(239,106,79,.13);
    --purple:#8b5cf6; /* the couple's role color, distinct from the studio's blue */
    --radius:16px; --maxw:1120px;
    --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  }
  @media (prefers-color-scheme: light){
    :root{
      --bg:#f4f7fb; --surface:#ffffff; --surface-2:#eef2f8; --line:#dde5ef;
      --text:#16202b; --muted:#5b6b7e; --faint:#93a1b3;
      --accent:#2f6fed; --accent-ink:#ffffff; --accent-soft:rgba(47,111,237,.10);
      --grid:rgba(40,80,140,.07);
    }
  }
  :root[data-theme="dark"]{
    --bg:#0e1116; --surface:#141b23; --surface-2:#1a222c; --line:#232c38;
    --text:#e6edf3; --muted:#8b97a7; --faint:#5c6674;
    --accent:#4c9aff; --accent-ink:#06101f; --accent-soft:rgba(76,154,255,.12);
    --grid:rgba(120,150,190,.09);
  }
  :root[data-theme="light"]{
    --bg:#f4f7fb; --surface:#ffffff; --surface-2:#eef2f8; --line:#dde5ef;
    --text:#16202b; --muted:#5b6b7e; --faint:#93a1b3;
    --accent:#2f6fed; --accent-ink:#ffffff; --accent-soft:rgba(47,111,237,.10);
    --grid:rgba(40,80,140,.07);
  }