/* ==========================================================================
   AL'S QUICK STOP 2026 — APPLE-GRADE DESIGN SYSTEM TOKENS
   Aesthetic: Ultra-Refined Luxury Retail, Frosted Glass & Precision Typography
   ========================================================================== */

:root {
  /* Brand Palette: Exact Trademark Logo Colors */
  --brand-navy: #2e3690;          /* Royal Navy Blue from "QUICK" in Trademark Logo */
  --brand-navy-hover: #222975;    /* Deep Royal Blue on hover */
  --brand-navy-light: #3d46b4;    /* Vibrant Royal Blue */
  --brand-navy-soft: rgba(46, 54, 144, 0.08); /* Soft royal blue tint for cards & tags */
  --brand-navy-glow: rgba(46, 54, 144, 0.16);
  
  --brand-red: #ec2227;           /* Vibrant Red from "STOP" in Trademark Logo */
  --brand-red-hover: #cb1b20;     /* Rich Crimson on hover */
  --brand-red-soft: rgba(236, 34, 39, 0.08);  /* Soft red wash */
  --brand-red-glow: rgba(236, 34, 39, 0.16);

  --brand-charcoal: #231f20;      /* Rich Charcoal Black from "Al's" script & road */
  
  --brand-amber: #d97706;
  --brand-amber-hover: #b45309;
  --brand-amber-soft: rgba(217, 119, 6, 0.12);
  
  --brand-green: #059669;
  --brand-green-dark: #047857;
  --brand-green-soft: rgba(5, 150, 105, 0.12);

  /* Apple-Grade Clean Majority-White Surfaces */
  --surface-base: #ffffff;
  --surface-layer-1: #f8fafc;
  --surface-layer-2: #f1f5f9;
  --surface-layer-3: #e2e8f0;
  --surface-card: #ffffff;
  --surface-card-hover: #ffffff;
  
  /* Apple Frosted Glass */
  --surface-glass-light: rgba(255, 255, 255, 0.85);
  --surface-glass-dark: rgba(15, 23, 42, 0.82);
  --surface-glass-blur: blur(24px) saturate(180%);
  --surface-glass: rgba(255, 255, 255, 0.88);

  /* Hairline Borders & Dividers */
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-medium: rgba(0, 0, 0, 0.14);
  --border-hairline: rgba(0, 0, 0, 0.06);
  --border-hairline-dark: rgba(255, 255, 255, 0.12);
  --border-focus: var(--brand-red);
  --border-accent: var(--brand-amber);

  /* Apple Typography Scale */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;

  --text-primary: #1d1d1f;
  --text-secondary: #424245;
  --text-muted: #86868b;
  --text-inverse: #ffffff;
  --text-accent: var(--brand-red);

  /* Elevation Shadows (Layered Apple Soft Shadows) */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 20px 40px rgba(0, 0, 0, 0.1);
  --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.08);

  /* Spacing Scale (Responsive) */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3.5rem;
  --space-3xl: 5rem;

  /* Radii */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  /* Animation Easing */
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 150ms;
  --duration-normal: 250ms;
}