/* ==========================================================================
   variables.css
   Every design decision starts here. Amber phosphor terminal, cyan for data.
   Change a value once and it updates across the whole site.
   ========================================================================== */

:root {
  /* ---- Colour ------------------------------------------------------------
     Deep console background, warm amber as the primary accent (CRT phosphor),
     cyan reserved for numbers and data, rose for live/now states.
     ---------------------------------------------------------------------- */
  --bg:            #0A0C11;
  --bg-panel:      #11141B;
  --bg-raised:     #171B24;
  --bg-hover:      #1D222D;

  --text:          #D5DAE5;
  --text-dim:      #98A1B4;
  --text-faint:    #5D6579;

  --amber:         #FFB000;
  --amber-soft:    #FFCB57;
  --cyan:          #58D1F0;
  --rose:          #FF5F87;

  --line:          #232937;
  --line-strong:   #333B4D;

  /* ---- Typography -------------------------------------------------------- */
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --size-hero:   clamp(2.25rem, 6.5vw, 4.5rem);
  --size-h2:     clamp(1.375rem, 2.8vw, 1.875rem);
  --size-h3:     clamp(1.0625rem, 1.8vw, 1.25rem);
  --size-body:   1rem;
  --size-small:  0.875rem;
  --size-micro:  0.75rem;

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

  /* ---- Layout ------------------------------------------------------------ */
  --max-width: 1120px;
  --gutter:    clamp(1.25rem, 4vw, 3rem);
  --radius:    4px;
  --radius-lg: 8px;

  /* ---- Motion ------------------------------------------------------------ */
  --ease:      cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur-fast:  180ms;
  --dur:       460ms;
}