/* ════════════════════════════════════════
   THEME VARIABLES — Supercar Legends
   ════════════════════════════════════════ */

:root {
  /* ── Core Palette ── */
  --black:         #000000;
  --black-rich:    #0a0a0a;
  --black-card:    #0d0d0d;
  --black-surface: #111111;
  --grey-dark:     #1a1a1a;
  --grey-mid:      #2a2a2a;
  --grey-light:    #888888;
  --white:         #f0f0f0;
  --white-pure:    #ffffff;

  /* ── Ferrari Reds ── */
  --ferrari-primary:   #DC143C;
  --ferrari-bright:    #FF2D55;
  --ferrari-dark:      #8B0000;
  --ferrari-glow:      rgba(220, 20, 60, 0.4);
  --ferrari-subtle:    rgba(220, 20, 60, 0.08);

  /* ── Porsche Palette ── */
  --porsche-primary:   #C9A84C;
  --porsche-bright:    #E8C547;
  --porsche-dark:      #8B7A2E;
  --porsche-glow:      rgba(201, 168, 76, 0.4);
  --porsche-subtle:    rgba(201, 168, 76, 0.08);

  /* ── Accent ── */
  --accent-red:    #FF0000;
  --accent-neon:   #FF4444;

  /* ── Holographic / Liquid Glass ── */
  --holo-bg:           rgba(255, 255, 255, 0.03);
  --holo-border:       rgba(255, 255, 255, 0.08);
  --holo-shine:        rgba(255, 255, 255, 0.12);
  --holo-glass:        rgba(255, 255, 255, 0.04);
  --holo-refract-1:    rgba(220, 20, 60, 0.15);
  --holo-refract-2:    rgba(100, 200, 255, 0.1);
  --holo-refract-3:    rgba(201, 168, 76, 0.12);
  --holo-xray:         rgba(255, 255, 255, 0.06);
  --holo-xray-line:    rgba(220, 20, 60, 0.4);
  --holo-blur:         20px;
  --holo-blur-heavy:   40px;

  /* ── Typography ── */
  --font-display:  'Orbitron', sans-serif;
  --font-heading:  'Bebas Neue', sans-serif;
  --font-body:     'Rajdhani', sans-serif;

  /* ── Spacing ── */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  4rem;
  --space-2xl: 8rem;

  /* ── Transitions ── */
  --ease-out-expo:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-back:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-spring:    cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --duration-fast:  0.2s;
  --duration-mid:   0.4s;
  --duration-slow:  0.8s;

  /* ── Layout ── */
  --card-radius:    16px;
  --container-max:  1400px;
}