:root {
  /* Brand Colors */
  --color-primary:      #FF8B00;
  --color-primary-dark: #cc7000;
  --color-primary-glow: rgba(255, 139, 0, 0.3);
  --color-dark:         #232323;
  --color-dark-deep:    #0a0a0a;
  --color-dark-mid:     #0d0d0d;
  --color-dark-card:    rgba(255,255,255,0.05);
  --color-light:        #EEF3F6;
  --color-white:        #FFFFFF;
  --color-gray-100:     #f8f9fa;
  --color-gray-200:     #e9ecef;
  --color-gray-400:     #adb5bd;
  --color-gray-500:     #6c757d;
  --color-gray-600:     #495057;
  --color-text-muted:   rgba(255,255,255,0.65);
  --color-text-dim:     rgba(255,255,255,0.45);

  /* Hero Gradient */
  --gradient-hero:    linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);
  --gradient-orange:  linear-gradient(135deg, #FF8B00, #ff6600);
  --gradient-card:    linear-gradient(135deg, rgba(255,139,0,0.1), rgba(255,102,0,0.05));

  /* Glass */
  --glass-bg:         rgba(255,255,255,0.05);
  --glass-bg-light:   rgba(255,255,255,0.08);
  --glass-border:     1px solid rgba(255,255,255,0.1);
  --glass-border-orange: 1px solid rgba(255,139,0,0.2);
  --glass-blur:       blur(20px);
  --glass-glow:       0 0 40px rgba(255,139,0,0.15);

  /* Typography */
  --font-heading:     'Teko', sans-serif;
  --font-body:        'Urbanist', sans-serif;

  --font-hero:        clamp(3rem, 6vw, 5.5rem);
  --font-h1:          clamp(2rem, 4vw, 3.5rem);
  --font-h2:          clamp(1.5rem, 3vw, 2.5rem);
  --font-h3:          clamp(1.2rem, 2vw, 1.75rem);
  --font-h4:          1.25rem;
  --font-base:        1rem;
  --font-sm:          0.875rem;
  --font-xs:          0.75rem;

  /* Spacing */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2rem;
  --space-xl:   3rem;
  --space-2xl:  4rem;
  --space-3xl:  6rem;

  /* Border Radius */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(0,0,0,0.1);
  --shadow-md:   0 8px 24px rgba(0,0,0,0.15);
  --shadow-lg:   0 16px 48px rgba(0,0,0,0.2);
  --shadow-orange: 0 8px 32px rgba(255,139,0,0.35);

  /* Transitions */
  --transition-fast:   0.15s ease;
  --transition-base:   0.3s ease;
  --transition-slow:   0.5s ease;

  /* Layout */
  --container-max:  1280px;
  --container-pad:  clamp(1rem, 4vw, 2rem);
  --nav-height:     80px;
  --section-pad:    clamp(4rem, 8vw, 6rem);
}