/* ==========================================================================
   Design Tokens - SUCURLE (OEM Premium / German Engineering)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@300;400;600&display=swap');

:root {
  /* Colors - Ultra Clean Automotive */
  --clr-bg: #FFFFFF;          /* Pure White */
  --clr-bg-alt: #F4F5F7;      /* Ice White / Lab Gray */
  --clr-text: #111827;        /* Deep Charcoal / Dashboard Black */
  --clr-text-muted: #6B7280;  /* Steel Gray */
  
  /* Accents */
  --clr-silver: #E5E7EB;      /* Brushed Silver */
  --clr-blue: #2563EB;        /* Tech Blue (VW/Audi style) */
  --clr-blue-glow: rgba(37, 99, 235, 0.2);

  /* Typography */
  --font-display: 'Space Grotesk', sans-serif; /* Wide, geometric, technical */
  --font-sans: 'Inter', sans-serif;            /* Supreme legibility */
  
  /* Fluid Typography */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
  --text-base: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
  --text-lg: clamp(1.5rem, 1.25rem + 1.25vw, 2.5rem);
  --text-xl: clamp(2.5rem, 2rem + 2.5vw, 4rem);
  --text-2xl: clamp(3.5rem, 3rem + 4vw, 6rem);
  --text-hero: clamp(4.5rem, 6vw + 5rem, 10rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;
  --space-2xl: 12rem;
  
  /* Easings (Motion) - Smooth, Precise, Expensive */
  --ease-precise: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-assemble: cubic-bezier(0.25, 1, 0.5, 1);
  --transition-fast: 0.3s var(--ease-precise);
  --transition-slow: 1s var(--ease-assemble);

  /* Layout */
  --max-width: 1400px;
  --padding-x: clamp(1.5rem, 5vw, 4rem);
  
  /* UI Elements */
  --shadow-soft: 0 10px 30px -10px rgba(17, 24, 39, 0.1);
  --shadow-float: 0 20px 40px -15px rgba(17, 24, 39, 0.15);
  --radius-sm: 4px;
  --radius-lg: 12px;
}