/**
 * ICABS TAXI DESIGN SYSTEM — TOKENS (EXECUTIVE LUXURY RESET)
 * Brand Palette: Midnight Obsidian (#060D1E), Sovereign Navy (#0B1B3D),
 * Executive Sapphire (#0055FF), Luminous Cyan (#38BDF8), Chauffeur Gold (#D4AF37),
 * Emerald WhatsApp (#28A745), Crisp Alabaster (#F8FAFC)
 */

:root {
  /* --- Authentic iCabs Taxi Logo Palette (All 4 Distinct Brand Colors) --- */
  /* 1. Midnight Indigo / Royal Navy (Dominant Emblem & Luxury Dark Canvas) */
  --color-logo-indigo-deep: #131030;
  --color-logo-indigo: #262256;
  --color-logo-indigo-medium: #322E5F;
  --color-logo-indigo-light: #484285;
  --color-logo-indigo-card: #1D1945;
  --color-logo-indigo-glass: rgba(38, 34, 86, 0.88);
  --color-logo-indigo-glow: rgba(38, 34, 86, 0.5);

  /* 2. Sunset Flame Orange (Dynamic Flight Swoosh & Primary High-Impact CTA) */
  --color-logo-orange: #EF7F1A;
  --color-logo-orange-hover: #D96E12;
  --color-logo-orange-active: #C25F0C;
  --color-logo-orange-light: #FFF4E8;
  --color-logo-orange-subtle: rgba(239, 127, 26, 0.12);
  --color-logo-orange-glow: rgba(239, 127, 26, 0.45);

  /* 3. Taxi Amber Gold / Yellow (Classic Taxi Silhouette, Luxury Badges & Accents) */
  --color-logo-yellow: #FFCC00;
  --color-logo-yellow-warm: #F8CE03;
  --color-logo-yellow-hover: #E6B800;
  --color-logo-yellow-light: #FFF9D6;
  --color-logo-yellow-subtle: rgba(255, 204, 0, 0.14);
  --color-logo-yellow-glow: rgba(255, 204, 0, 0.45);

  /* 4. Crisp Diamond White (Typographic Contrast & Studio Light) */
  --color-logo-white: #FFFFFF;

  /* Executive Compatibility Aliases (Seamless Component Integration) */
  --color-brand-obsidian: var(--color-logo-indigo-deep);
  --color-brand-navy-dark: #100D2B;
  --color-brand-navy: var(--color-logo-indigo);
  --color-brand-navy-card: var(--color-logo-indigo-card);
  --color-brand-navy-light: var(--color-logo-indigo-medium);
  --color-brand-navy-glass: var(--color-logo-indigo-glass);
  --color-brand-navy-subtle: rgba(38, 34, 86, 0.06);

  /* Primary Interactive CTA & Highlight Mapped to Sunset Orange */
  --color-brand-blue: var(--color-logo-orange);
  --color-brand-blue-hover: var(--color-logo-orange-hover);
  --color-brand-blue-active: var(--color-logo-orange-active);
  --color-brand-blue-light: var(--color-logo-orange-light);
  --color-brand-blue-subtle: var(--color-logo-orange-subtle);
  --color-brand-blue-glow: var(--color-logo-orange-glow);

  /* Accent Glows & Trim Mapped to Taxi Amber Gold */
  --color-brand-cyan: #FFB300;
  --color-brand-cyan-light: #FFF8E1;

  --color-accent-teal: #10B981;
  --color-accent-teal-dark: #059669;
  --color-accent-teal-light: #ECFDF5;

  --color-whatsapp: #25D366;
  --color-whatsapp-hover: #20BA5A;
  --color-whatsapp-light: #E8F5E9;
  --color-whatsapp-glow: rgba(37, 211, 102, 0.35);

  --color-gold: var(--color-logo-yellow);
  --color-gold-warm: var(--color-logo-yellow-warm);
  --color-gold-light: var(--color-logo-yellow-light);
  --color-gold-glow: var(--color-logo-yellow-glow);

  /* --- Surface Hierarchy --- */
  --color-surface-bg: #F8FAFC;
  --color-surface-white: #FFFFFF;
  --color-surface-elevated: #FFFFFF;
  --color-surface-muted: #F1F5F9;
  --color-surface-accent: #FFF9F2;
  --color-surface-dark-card: var(--color-logo-indigo-card);
  --color-surface-dark-border: rgba(255, 255, 255, 0.14);

  /* --- Frosted Glass System --- */
  --glass-bg-dark: rgba(26, 22, 60, 0.85);
  --glass-border-dark: rgba(255, 255, 255, 0.16);
  --glass-bg-card: rgba(38, 34, 86, 0.78);
  --glass-bg-light: rgba(255, 255, 255, 0.92);
  --glass-border-light: rgba(38, 34, 86, 0.08);

  /* --- Text Hierarchy --- */
  --color-text-main: #0F172A;
  --color-text-secondary: #334155;
  --color-text-muted: #64748B;
  --color-text-light: #94A3B8;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-muted: #CBD5E1;

  /* --- Borders & Outlines --- */
  --color-border-subtle: #E2E8F0;
  --color-border-medium: #CBD5E1;
  --color-border-focus: var(--color-logo-orange);

  /* --- Typography --- */
  --font-editorial-serif: 'Playfair Display', 'Cinzel', Georgia, serif;
  --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --font-size-2xs: 0.6875rem; /* 11px */
  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.875rem;   /* 14px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-md: 1.125rem;   /* 18px */
  --font-size-lg: 1.25rem;    /* 20px */
  --font-size-xl: 1.5rem;     /* 24px */
  --font-size-2xl: 1.875rem;  /* 30px */
  --font-size-3xl: 2.25rem;   /* 36px */
  --font-size-4xl: 3rem;      /* 48px */
  --font-size-5xl: 3.75rem;   /* 60px */

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --tracking-tighter: -0.04em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0em;
  --tracking-wide: 0.06em;
  --tracking-wider: 0.12em;

  --line-height-tight: 1.15;
  --line-height-snug: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.65;

  /* --- Spacing Scale --- */
  --space-0-5: 0.125rem; /* 2px */
  --space-1: 0.25rem;   /* 4px */
  --space-2: 0.5rem;    /* 8px */
  --space-3: 0.75rem;   /* 12px */
  --space-4: 1rem;      /* 16px */
  --space-5: 1.25rem;   /* 20px */
  --space-6: 1.5rem;    /* 24px */
  --space-8: 2rem;      /* 32px */
  --space-10: 2.5rem;   /* 40px */
  --space-12: 3rem;     /* 48px */
  --space-16: 4rem;     /* 64px */
  --space-20: 5rem;     /* 80px */
  --space-24: 6rem;     /* 96px */

  /* --- Radii System --- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

  /* --- Multi-Layer Ambient Elevation --- */
  --shadow-subtle: 0 1px 3px rgba(15, 23, 42, 0.05), 0 1px 2px rgba(15, 23, 42, 0.03);
  --shadow-sm: 0 2px 6px rgba(11, 27, 61, 0.05), 0 1px 2px rgba(11, 27, 61, 0.03);
  --shadow-md: 0 8px 20px rgba(11, 27, 61, 0.07), 0 2px 6px rgba(11, 27, 61, 0.04);
  --shadow-lg: 0 16px 36px rgba(11, 27, 61, 0.10), 0 4px 12px rgba(11, 27, 61, 0.05);
  --shadow-xl: 0 24px 52px rgba(11, 27, 61, 0.14), 0 8px 20px rgba(11, 27, 61, 0.07);
  --shadow-hero: 0 30px 80px -15px rgba(6, 13, 30, 0.55), 0 12px 30px -8px rgba(6, 13, 30, 0.3);
  --shadow-executive: 0 28px 70px -12px rgba(6, 13, 30, 0.45);
  --shadow-card-hover: 0 20px 48px -8px rgba(0, 85, 255, 0.16), 0 8px 20px -4px rgba(11, 27, 61, 0.08);

  /* --- Layout Boundaries --- */
  --container-max-width: 1240px;
  --container-narrow-width: 960px;
  --header-height: 82px;

  /* --- Physics & Timing --- */
  --transition-fast: 160ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 260ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 360ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 480ms cubic-bezier(0.16, 1, 0.3, 1);
}