/* ═══════════════════════════════════════
   VARIABLES.CSS — Design tokens
   ═══════════════════════════════════════ */

:root {
  /* Colors — Navy palette */
  --navy: #0A1628;
  --navy-mid: #0E1E36;
  --navy-light: #132744;
  --navy-deep: #060E1A;

  /* Colors — Gold accent */
  --gold: #C8A55C;
  --gold-dark: #A8893E;
  --gold-light: #DDBD7C;
  
  --impact-red: #E04E3C;
  --fade-amber: #B87E3B;

  /* Colors — Light backgrounds */
  --cream: #F8F6F1;
  --warm-white: #FDFCF9;

  /* Text */
  --text-light: rgba(255,255,255,0.62);
  --text-muted: #7A8696;
  --text-body: #4A5568;

  /* Typography */
  --f-display: 'Bebas Neue', sans-serif;
  --f-body: 'Work Sans', sans-serif;
  --f-mono: 'JetBrains Mono', monospace;
}