/* ═══════════════════════════════════════════════════════════════
   ACSI DESIGN TOKENS — variables.css
   Change the theme here. Everything else inherits from this file.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* ── Color Palette ─────────────────────────────────────────── */
  --steel-900: #0d0f12;    /* darkest background */
  --steel-800: #141720;    /* section alt background */
  --steel-700: #1c2130;    /* card backgrounds */
  --steel-600: #252c3d;    /* borders, dividers */
  --steel-500: #313b52;    /* hover borders */
  --steel-400: #4a5568;    /* subtle text */
  --steel-300: #718096;    /* body secondary text */
  --steel-200: #a0aec0;    /* body text */
  --steel-100: #e2e8f0;    /* primary text */
  --white:     #f8fafc;    /* headlines */

  --amber:     #f5a623;    /* primary accent */
  --amber-dim: #c2821a;    /* amber hover / border */
  --amber-glow:#ffd166;    /* amber highlight */

  /* ── Typography ────────────────────────────────────────────── */
  --font-head: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --font-body: 'Barlow', Arial, sans-serif;
  --font-mono: 'DM Mono', 'Courier New', monospace;

  --text-xs:   0.72rem;
  --text-sm:   0.82rem;
  --text-base: 1rem;
  --text-lg:   1.1rem;
  --text-xl:   1.3rem;

  /* ── Spacing ───────────────────────────────────────────────── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  40px;
  --space-xl:  64px;
  --space-2xl: 96px;

  /* ── Layout ────────────────────────────────────────────────── */
  --max-width: 1320px;
  --nav-h:     72px;
  --radius:    4px;

  /* ── Transitions ───────────────────────────────────────────── */
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --transition: 0.25s var(--ease);
  --transition-slow: 0.5s var(--ease);
}