/* ================= SHIYAA design tokens (adapted from LATTICE) ============== */

:root {
  /* --- surfaces (warm near-black, stepped) --- */
  --bg-0: oklch(0.13 0.008 60);
  --bg-1: oklch(0.16 0.008 60);
  --bg-2: oklch(0.185 0.008 60);
  --bg-3: oklch(0.215 0.008 60);
  --bg-4: oklch(0.26 0.010 60);
  --bg-5: oklch(0.32 0.012 60);

  /* --- lines & text --- */
  --line-1: oklch(0.24 0.008 60);
  --line-2: oklch(0.30 0.008 60);
  --line-3: oklch(0.40 0.010 60);

  --fg-0: oklch(0.97 0.004 60);
  --fg-1: oklch(0.86 0.006 60);
  --fg-2: oklch(0.68 0.008 60);
  --fg-3: oklch(0.52 0.010 60);
  --fg-4: oklch(0.40 0.010 60);

  /* --- accent: amber tungsten "tally" --- */
  --accent: oklch(0.75 0.17 55);
  --accent-bright: oklch(0.82 0.18 60);
  --accent-dim: oklch(0.58 0.12 55);
  --accent-glow: oklch(0.75 0.17 55 / 0.28);

  /* --- signals --- */
  --ok: oklch(0.74 0.13 165);
  --ok-dim: oklch(0.50 0.09 165);
  --warn: oklch(0.78 0.15 90);
  --err: oklch(0.65 0.22 25);
  --info: oklch(0.70 0.10 240);

  /* --- type --- */
  --f-display: "Instrument Serif", "Cormorant Garamond", serif;
  --f-ui: "Inter Tight", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* --- radii --- */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-xl: 12px;
}