/* FurboLab Design System Tokens */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@300;500;700&display=swap');

:root {
  /* Brand Colors */
  --color-primary: #E89A47;       /* Brand Orange (warm, artisan, action-oriented) */
  --color-primary-hover: #D4802F;
  --color-primary-light: #FDF4E9;
  
  --color-secondary: #A02A35;     /* Brand Crimson Red (Officina mobile accent) */
  --color-secondary-hover: #801E26;
  --color-secondary-light: #F7EAEB;
  
  --color-dark: #06131d;          /* Midnight Blue/Deep Navy (extremely premium structure background/text) */
  --color-dark-rgb: 6, 19, 29;
  
  /* Text and Grays */
  --color-text: #2D3748;          /* Primary body text (high contrast dark slate) */
  --color-text-light: #64748B;    /* Muted secondary body text (slate-gray) */
  --color-light: #F8FAFC;         /* Light background / strip background */
  --color-surface: #FFFFFF;       /* Pure white card backgrounds */
  --color-border: #E2E8F0;        /* Grid/separator borders */
  
  --color-gray-100: #F1F5F9;
  --color-gray-200: #E2E8F0;
  --color-gray-300: #CBD5E0;
  --color-gray-600: #64748B;
  --color-gray-800: #1E293B;
  
  /* Typography */
  --font-headings: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Spacing Scale (Rem Based) */
  --spacing-xs: 0.25rem;  /* 4px */
  --spacing-sm: 0.5rem;   /* 8px */
  --spacing-md: 1rem;     /* 16px */
  --spacing-lg: 1.5rem;   /* 24px */
  --spacing-xl: 2rem;     /* 32px */
  --spacing-2xl: 3rem;    /* 48px */
  --spacing-3xl: 4rem;    /* 64px */
  --spacing-4xl: 6rem;    /* 96px */
  
  /* Border Radius — controlled via --global-radius (set by admin dashboard) */
  --global-radius: 3px;
  --radius-xs:   calc(var(--global-radius) * 0.5);
  --radius-sm:   var(--global-radius);
  --radius-md:   calc(var(--global-radius) * 1.5);
  --radius-lg:   calc(var(--global-radius) * 2.5);
  --radius-pill: calc(var(--global-radius) * 1250);
  
  /* Elevational Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.1);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.06), 0 2px 4px -1px rgba(0,0,0,0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.06), 0 4px 6px -2px rgba(0,0,0,0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.08), 0 10px 10px -5px rgba(0,0,0,0.04);
  
  /* Transitions */
  --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Max Container Width */
  --max-width: 1280px;
}