/* ───────────────────────────────────────
   FILE: css/tokens.css
   PURPOSE: Design tokens — the :root custom-property block (colours,
            fonts, easing, layout vars). Imported first; everything depends on it.
   PART OF: Sentinel website stylesheet (split from css/styles.css)
   LAST UPDATED: 2026-06-05
   ─────────────────────────────────────── */

:root {
  --bg:        #0a0a08;
  --bg2:       #111210;
  --bg3:       #15151210;
  --card:      #1a1a17;
  --card-alt:  #232320;
  --border:    #2c2c28;
  --border-2:  #1f1f1c;
  --text:      #dad8d0;
  --text-dim:  #a8a59c;
  --muted:     #585650;
  --accent:    #d4940c;
  --accent-2:  #b87d0a;
  --accent-bg: rgba(212,148,12,0.08);
  --green:     #4a9668;
  --red:       #b84040;

  --font-display: 'Share Tech Mono', ui-monospace, monospace;
  --font-mono:    'Share Tech Mono', ui-monospace, monospace;
  --font-body:    'Rajdhani', system-ui, sans-serif;
  --font-italic:  'Space Mono', monospace;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io:  cubic-bezier(0.65, 0, 0.35, 1);

  --max:    1180px;
  --gutter: 48px;
}