/* ══════════════════════════════════════════════════════
   Nichify Design Tokens
   Single source of truth for colors, spacing, radius,
   typography, and semantic aliases.
   ══════════════════════════════════════════════════════ */

:root {
  /* ── Core palette ─────────────────────────────── */
  --bg:          #0f1115;
  --bg-deep:     #0b1220;
  --ink:         #f4fbff;
  --ink-soft:    #d0dde7;
  --ink-faint:   #9cb2c5;
  --muted:       #a0b8cc;   /* bumped from #8ea4b8 → WCAG AA on --bg */

  --panel:        rgba(14, 20, 31, 0.82);
  --panel-strong: rgba(9, 14, 24, 0.92);

  --line:  rgba(141, 162, 181, 0.14);

  /* ── Brand colors ─────────────────────────────── */
  --teal:   #007782;
  --teal-light: #0097a3;
  --gold:   #6ee7e0;
  --gold-bright: #8aeef6;
  --warm:   #f6c17b;
  --warm-bright: #ffd29a;
  --danger: #ff8e8e;

  /* ── Semantic status ──────────────────────────── */
  --status-success-bg:     rgba(110, 231, 224, 0.12);
  --status-success-border: rgba(110, 231, 224, 0.18);
  --status-success-text:   var(--gold);

  --status-warning-bg:     rgba(246, 193, 123, 0.12);
  --status-warning-border: rgba(246, 193, 123, 0.2);
  --status-warning-text:   var(--warm);

  --status-error-bg:       rgba(255, 142, 142, 0.12);
  --status-error-border:   rgba(255, 142, 142, 0.2);
  --status-error-text:     var(--danger);

  --status-info-bg:        rgba(0, 151, 163, 0.12);
  --status-info-border:    rgba(0, 151, 163, 0.18);
  --status-info-text:      var(--gold-bright);

  /* ── Spacing (base-4 grid) ────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  20px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* ── Border radius ────────────────────────────── */
  --r-sm:    4px;
  --r-md:    8px;
  --r-lg:   12px;
  --r-xl:   16px;
  --r-2xl:  20px;
  --r-3xl:  24px;
  --r-full: 999px;

  /* ── Shadows ──────────────────────────────────── */
  --shadow-sm:  0 4px 12px rgba(0, 0, 0, 0.12);
  --shadow-md:  0 12px 28px rgba(0, 0, 0, 0.18);
  --shadow-lg:  0 24px 60px rgba(0, 0, 0, 0.32);

  /* ── Typography ───────────────────────────────── */
  --font-body:    "Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Iowan Old Style", "Palatino Linotype", serif;
  --font-mono:    "Cascadia Code", "Fira Code", "Consolas", monospace;
}