:root {
  /* ── COLORS ── */
  --dark-950: #020a0f;
  --dark-900: #060d15;
  --dark-800: #0d1b2a;
  --dark-700: #112240;
  --dark-600: #1a3a5c;

  --green-300: #86efac;
  --green-400: #4ade80;
  --green-500: #22c55e;
  --green-600: #16a34a;
  --green-700: #15803d;

  --gold-300: #fde047;
  --gold-400: #facc15;
  --gold-500: #eab308;
  --gold-600: #ca8a04;

  --red-400:  #f87171;
  --red-500:  #ef4444;
  --red-600:  #dc2626;

  --orange-400: #fb923c;
  --orange-500: #f97316;

  --blue-400: #60a5fa;
  --blue-500: #3b82f6;

  /* ── TEXT ── */
  --text-primary:   #f8fafc;
  --text-secondary: #94a3b8;
  --text-muted:     #475569;

  /* ── GRADIENTS ── */
  --gradient-hero:  linear-gradient(160deg, #020a0f 0%, #071a0e 45%, #020a0f 100%);
  --gradient-green: linear-gradient(135deg, #15803d, #22c55e);
  --gradient-gold:  linear-gradient(135deg, #ca8a04, #facc15);
  --gradient-card:  linear-gradient(135deg, rgba(17,34,64,0.9) 0%, rgba(26,58,92,0.6) 100%);
  --gradient-warn:  linear-gradient(135deg, #92400e, #b45309);

  /* ── GLASS ── */
  --glass-bg:     rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.08);
  --glass-hover:  rgba(255,255,255,0.07);

  /* ── SPACING ── */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;

  /* ── BORDER RADIUS ── */
  --r-sm:   0.375rem;
  --r-md:   0.75rem;
  --r-lg:   1rem;
  --r-xl:   1.25rem;
  --r-2xl:  1.5rem;
  --r-full: 9999px;

  /* ── SHADOWS ── */
  --sh-sm:    0 1px 4px rgba(0,0,0,0.5);
  --sh-md:    0 4px 16px rgba(0,0,0,0.6);
  --sh-lg:    0 8px 32px rgba(0,0,0,0.7);
  --sh-green: 0 0 28px rgba(34,197,94,0.25);
  --sh-gold:  0 0 28px rgba(250,204,21,0.25);
  --sh-red:   0 0 28px rgba(239,68,68,0.3);

  /* ── TYPOGRAPHY ── */
  --font: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── TRANSITIONS ── */
  --ease: 250ms cubic-bezier(0.4,0,0.2,1);
  --ease-fast:   150ms cubic-bezier(0.4,0,0.2,1);
  --ease-bounce: 300ms cubic-bezier(0.34,1.56,0.64,1);

  /* ── Z-INDEX ── */
  --z-sticky:  100;
  --z-header:  150;
  --z-modal:   300;
  --z-toast:   400;

  /* ── LAYOUT ── */
  --max-w:       1200px;
  --header-h:    68px;
  --banner-h:    80px;
}