/* Karez — Design Tokens (locked 2026-07)
   Fonts: Geist (sans) + Geist Mono. Both OFL/free — self-host or load, then
   these variables resolve to them; otherwise they fall back to system faces. */

:root {
  /* ---- type ---- */
  --kz-font-sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --kz-font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --kz-w-regular: 400;   /* body */
  --kz-w-medium:  500;   /* UI, subheads */
  --kz-w-semi:    600;   /* headings */
  --kz-w-word:    640;   /* wordmark + display */

  /* type scale (rem) */
  --kz-fs-display: 3rem;     /* 48 */
  --kz-fs-h1: 2.25rem;       /* 36 */
  --kz-fs-h2: 1.75rem;       /* 28 */
  --kz-fs-h3: 1.375rem;      /* 22 */
  --kz-fs-body: 1rem;        /* 16 */
  --kz-fs-small: 0.875rem;   /* 14 */
  --kz-fs-caption: 0.75rem;  /* 12 — mono, +.04em, often uppercase labels */

  /* ---- color · dark (default) ---- */
  --kz-ground:      #0A0E18;
  --kz-surface:     #141A2A;
  --kz-surface-2:   #1C2436;
  --kz-hairline:    #232935;
  --kz-text:        #E9EDF5;
  --kz-text-muted:  #9AA2B2;

  --kz-blue:        #5B9BFF;  /* signal — primary blue */
  --kz-blue-strong: #7DB0FF;  /* hover/active */
  --kz-node-white:  #F2F6FC;  /* correlation node */
  --kz-gold:        #FFC53D;  /* goal — primary accent */
  --kz-gold-strong: #FFD469;

  /* semantic (separate from brand accent) */
  --kz-success:     #46D39A;
  --kz-warning:     #F5A623;
  --kz-danger:      #FF6B6B;

  color-scheme: dark;
}

/* ---- color · light ---- */
:root[data-theme="light"], .kz-light {
  --kz-ground:      #F4F6F9;
  --kz-surface:     #FFFFFF;
  --kz-surface-2:   #EEF2F6;
  --kz-hairline:    #DCE1E9;
  --kz-text:        #0A0E18;
  --kz-text-muted:  #525B6A;

  --kz-blue:        #3F7FE0;
  --kz-blue-strong: #2D6CDF;
  --kz-node-white:  #0A0E18;  /* white nodes become ink on light */
  --kz-gold:        #E0A100;
  --kz-gold-strong: #C78F00;

  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --kz-ground:#F4F6F9; --kz-surface:#FFFFFF; --kz-surface-2:#EEF2F6;
    --kz-hairline:#DCE1E9; --kz-text:#0A0E18; --kz-text-muted:#525B6A;
    --kz-blue:#3F7FE0; --kz-blue-strong:#2D6CDF; --kz-node-white:#0A0E18;
    --kz-gold:#E0A100; --kz-gold-strong:#C78F00; color-scheme:light;
  }
}