/**
 * VRAJ MOTORS - Design Tokens
 * Motorsport Pit Lane & Luxury Performance Showroom
 */

:root {
  /* Core Palette */
  --bg-carbon: #0B0B0D;
  --bg-graphite: #141519;
  --surface: #1C1E24;
  --surface-elevated: #242730;
  --surface-card: rgba(28, 30, 36, 0.75);
  --surface-glass: rgba(20, 21, 25, 0.72);
  --surface-glass-blur: 10px;

  /* Racing Orange Accents */
  --accent: #FF4D1A;
  --accent-glow: #FF7A18;
  --accent-rgb: 255, 77, 26;
  --accent-subtle: rgba(255, 77, 26, 0.12);
  --accent-gradient: linear-gradient(135deg, #FF4D1A 0%, #FF7A18 100%);
  --accent-radial: radial-gradient(circle, rgba(255, 77, 26, 0.25) 0%, rgba(11, 11, 13, 0) 70%);

  /* Neutrals & Metals */
  --steel: #9AA0A8;
  --steel-dark: #4E525A;
  --text-high: #FFFFFF;
  --text-mid: #C7CAD1;
  --text-muted: #808694;
  --border-glass: rgba(255, 255, 255, 0.08);
  --border-glass-hover: rgba(255, 77, 26, 0.45);
  --border-accent: rgba(255, 77, 26, 0.35);

  /* Contrast Light Section (Rhythm) */
  --light-bg: #F4F5F7;
  --light-surface: #FFFFFF;
  --light-text-high: #0B0B0D;
  --light-text-mid: #3B3F48;
  --light-text-muted: #6B7280;
  --light-border: rgba(11, 11, 13, 0.1);

  /* Typography */
  --font-heading: 'Barlow Condensed', -apple-system, sans-serif;
  --font-ui: 'Sora', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'Space Grotesk', monospace;

  /* Font Scales (Mobile-First Clamps) */
  --hero-title-size: clamp(2rem, 6.5vw, 6.5rem);
  --section-title-size: clamp(1.75rem, 4vw, 3.8rem);
  --h3-size: clamp(1.3rem, 2.2vw, 2rem);

  /* Radii */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 9999px;

  /* Shadows */
  --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 25px 60px rgba(0, 0, 0, 0.7);
  --glow-orange: 0 0 35px rgba(255, 77, 26, 0.35);
  --glow-orange-sm: 0 0 16px rgba(255, 77, 26, 0.3);

  /* Bootstrap 5 Overrides */
  --bs-body-bg: var(--bg-carbon);
  --bs-body-color: var(--text-mid);
  --bs-primary: var(--accent);
  --bs-primary-rgb: var(--accent-rgb);
  --bs-link-color: var(--accent);
  --bs-link-hover-color: var(--accent-glow);
  --bs-border-color: var(--border-glass);
}