/* ============================================================
   Canonical design tokens — rook, bishop, neumad
   Source of truth. Do not override in page-specific styles.
   ============================================================ */

:root {
  /* ---- Color ---------------------------------------------- */
  --color-bg:             #0a0a0a;
  --color-surface:        #111111;
  --color-surface-2:      #141414;
  --color-surface-3:      #0d0d0d;   /* nav sidebar, slightly lifted from bg */

  --color-border:         #1e1e1e;
  --color-border-soft:    #1a1a1a;   /* dividers, section underlines */
  --color-border-strong:  #262626;   /* table header rule */

  --color-text:           #d4d4d4;   /* body */
  --color-text-strong:    #f5f5f5;   /* headings, KPI values */
  --color-text-muted:     #a3a3a3;   /* paragraphs, captions */
  --color-text-dim:       #666666;   /* subtitles, meta */
  --color-text-fade:      #525252;   /* labels, uppercase tags */
  --color-text-ghost:     #2a2a2a;   /* footer marks */

  --color-accent:         #6366f1;   /* indigo — primary accent */
  --color-accent-soft:    #1b1d3a;   /* accent-tinted surface */

  --color-success:        #22c55e;
  --color-warning:        #f59e0b;
  --color-danger:         #ef4444;
  --color-info:           #3b82f6;
  --color-violet:         #8b5cf6;

  /* ---- Typography ----------------------------------------- */
  --font-sans:  'Geist', -apple-system, system-ui, sans-serif;
  --font-mono:  'Geist Mono', ui-monospace, 'JetBrains Mono', monospace;

  --text-xs:    0.72rem;   /* labels, tags, tiny captions */
  --text-sm:    0.82rem;   /* body small, table cells, section links */
  --text-base:  0.9rem;    /* body */
  --text-md:    0.95rem;   /* card names, h3 */
  --text-lg:    1.15rem;   /* h2 */
  --text-xl:    1.5rem;    /* KPI value */
  --text-2xl:   1.75rem;   /* h1 */

  --leading-tight: 1.2;
  --leading-normal: 1.5;
  --leading-prose: 1.7;

  /* ---- Spacing scale -------------------------------------- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;

  /* ---- Radius --------------------------------------------- */
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 20px;

  /* ---- Layout --------------------------------------------- */
  --content-max: 1080px;
  --nav-width: 200px;
  --nav-bottom-height: 56px;
  --mobile-breakpoint: 768px;
}