/* ===============================================
   DESIGN TOKENS — single source of truth
   =============================================== */
:root {
  /* Primary palette — richer gradient orange */
  --color-primary:        #FF8500;
  --color-primary-light:  #FFB347;
  --color-primary-dark:   #FF6B00;
  --gradient-primary:     linear-gradient(135deg, #FF6B00, #FF9500, #FFB347);
  --gradient-primary-rev: linear-gradient(135deg, #FFB347, #FF9500, #FF6B00);

  /* Accent / UI */
  --color-accent:         #FF6B00;
  --color-bg-dark:        #10151B;
  --color-bg-section:     #1A1F28;
  --color-text:           #3d3d3d;
  --color-text-light:     #6b7280;
  --color-text-heading:   #111;

  /* Shadows with brand tint */
  --shadow-primary:       0 8px 30px rgba(255, 107, 0, 0.18);
  --shadow-primary-hover: 0 12px 40px rgba(255, 107, 0, 0.28);

  /* Typography */
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Kaushan Script', cursive;
  --font-mono:    'Space Mono', ui-monospace, SFMono-Regular, monospace;
}