/* ============================================
   1XSPARK — Design Tokens
   Black, white, orange. Nothing else.
   ============================================ */

:root {
  --black:      #000;
  --white:      #fff;
  --off-white:  #fafafa;
  --gray-100:   #f2f2f2;
  --gray-300:   #d0d0d0;
  --gray-500:   #888;
  --gray-700:   #444;
  --orange:     #AF6118;
  --orange-light: #c87828;
  --orange-dark:  #8a4d13;

  --font-heading: 'Orbitron', sans-serif;
  --font-heading-weight: 500;
  --font-body:    'Inter', sans-serif;

  --size-display: clamp(2.4rem, 4vw, 3.6rem);
  --size-h1:      clamp(1.8rem, 3.2vw, 2.8rem);
  --size-h2:      clamp(1.4rem, 2.4vw, 2rem);
  --size-h3:      clamp(1rem, 1.3vw, 1.2rem);
  --size-body:    1rem;
  --size-body-lg: 1.125rem;
  --size-sm:      0.875rem;
  --size-xs:      0.75rem;
  --size-label:   0.6875rem;

  --section-pad:    clamp(5rem, 10vw, 9rem);
  --section-pad-sm: clamp(3rem, 6vw, 5rem);
  --gutter:         clamp(1.5rem, 4vw, 3.5rem);
  --max-w:          1800px;
  --max-w-wide:     1920px;

  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
  --dur:         0.6s;
  --dur-fast:    0.25s;

  --nav-h: 64px;
}