:root {
  /* ── BACKGROUNDS ──────────────────────────────────── */
  --c-bg-0:   #080A0C;
  --c-bg-1:   #0D0F12;
  --c-bg-2:   #111418;
  --c-bg-3:   #161A1F;
  --c-surface:       rgba(255,255,255,0.035);
  --c-surface-mid:   rgba(255,255,255,0.055);
  --c-surface-high:  rgba(255,255,255,0.08);

  /* ── METALLIC / GLASS SURFACE ─────────────────────── */
  --c-metal-1: rgba(30,34,40,0.95);
  --c-metal-2: rgba(22,26,31,0.88);
  --c-glass:   rgba(16,18,22,0.72);
  --c-glass-bar: rgba(10,11,14,0.82);

  /* ── TEXT ─────────────────────────────────────────── */
  --c-text:    #EFEFEF;
  --c-muted:   rgba(239,239,239,0.60);
  --c-muted-2: rgba(239,239,239,0.38);

  /* ── ORANGE ACCENT SYSTEM (Diewald Brand) ─────────── */
  --c-orange:        #EF4F00;
  --c-orange-deep:   #C44000;
  --c-orange-light:  #FF6B1A;
  --c-orange-glow:   rgba(239,79,0,0.20);
  --c-orange-subtle: rgba(239,79,0,0.07);
  --c-orange-light-bg: rgba(239,79,0,0.13);
  --c-orange-line:   rgba(239,79,0,0.30);

  /* Alias — code reuse from ERDGOLD structure */
  --c-yellow:       #EF4F00;
  --c-yellow-deep:  #C44000;
  --c-yellow-light: #FF6B1A;
  --c-gold-glow:    rgba(239,79,0,0.20);
  --c-gold-subtle:  rgba(239,79,0,0.07);
  --c-gold-light:   rgba(239,79,0,0.13);
  --c-gold-line:    rgba(239,79,0,0.30);

  /* ── CHROME / HIGHLIGHT ───────────────────────────── */
  --c-chrome-1: rgba(255,255,255,0.88);
  --c-chrome-2: rgba(180,190,205,0.55);
  --c-line:     rgba(255,255,255,0.08);
  --c-line-orange: rgba(239,79,0,0.22);

  /* ── TYPOGRAPHY ───────────────────────────────────── */
  --font-head: 'Bebas Neue', sans-serif;
  --font-body: 'Inter', sans-serif;

  --text-h1:    clamp(46px, 11vw, 92px);
  --text-h2:    clamp(30px, 7vw, 56px);
  --text-h3:    clamp(20px, 4.5vw, 32px);
  --text-body:  clamp(15px, 3.8vw, 17px);
  --text-small: clamp(12px, 3vw, 13px);
  --text-micro: 11px;

  /* ── SPACING ──────────────────────────────────────── */
  --space-1:  6px;
  --space-2: 12px;
  --space-3: 20px;
  --space-4: 28px;
  --space-5: 40px;
  --space-6: 56px;
  --space-7: 80px;
  --space-8: 112px;

  --m-pad:   20px;
  --m-gap:   16px;
  --m-block: 56px;

  /* ── RADIUS ───────────────────────────────────────── */
  --radius-sm:    10px;
  --radius-md:    16px;
  --radius-large: 20px;
  --radius-pill:  999px;

  /* ── SHADOWS ──────────────────────────────────────── */
  --shadow-lift:  0 8px 24px rgba(0,0,0,0.5);
  --shadow-deep:  0 20px 50px rgba(0,0,0,0.6);
  --shadow-glow:  0 0 0 1px rgba(239,79,0,0.15), 0 0 24px var(--c-orange-glow);
  --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.06);

  /* ── ANIMATION ────────────────────────────────────── */
  --ease:          cubic-bezier(0.23, 0.44, 0.40, 0.94);
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
  --duration:      500ms;
  --duration-fast: 240ms;

  /* ── DIVIDER SYSTEM ───────────────────────────────── */
  --divider-orange: linear-gradient(to right, transparent 0%, var(--c-orange-line) 50%, transparent 100%);
  --divider-subtle: linear-gradient(to right, transparent 0%, var(--c-line) 50%, transparent 100%);
}