/* ============================================================================
   VamoAli Design Tokens: Shadcn UI + Apple HIG + Uber Base Design System
   Brand Accent: #18d34d (VamoAli Emerald)
   ============================================================================ */
:root {
  /* ── 1. Shadcn UI Component Tokens ── */
  --va-nova-background: #ffffff;
  --va-nova-foreground: #09090b;
  --va-nova-card: #ffffff;
  --va-nova-card-foreground: #09090b;
  --va-nova-muted: #f4f4f5;
  --va-nova-muted-foreground: #71717a;
  --va-nova-border: #e4e4e7;
  --va-nova-input: #e4e4e7;
  --va-nova-primary: #18d34d;
  --va-nova-primary-foreground: #ffffff;
  --va-nova-primary-hover: #15bc44;
  --va-nova-primary-glow: rgba(24, 211, 77, 0.20);
  --va-nova-secondary: #f4f4f5;
  --va-nova-secondary-foreground: #18181b;
  --va-nova-accent: rgba(24, 211, 77, 0.08);
  --va-nova-accent-foreground: #0f172a;
  --va-nova-destructive: #ef4444;
  --va-nova-danger-bg: #fef2f2;
  --va-nova-ring: rgba(24, 211, 77, 0.45);
  --va-nova-radius: 0.75rem;          /* 12px Shadcn radius */
  --va-nova-radius-sm: 0.375rem;      /* 6px */
  --va-nova-radius-md: 0.5rem;        /* 8px */
  --va-nova-radius-lg: 0.75rem;       /* 12px */
  --va-nova-radius-xl: 1rem;          /* 16px */
  --va-nova-radius-pill: 9999px;      /* Full pill radius */
  --va-nova-sidebar: #fafafa;
  --va-nova-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);

  /* ── 2. Apple Human Interface Guidelines (HIG) Tokens ── */
  --va-apple-glass-bg: rgba(255, 255, 255, 0.82);
  --va-apple-glass-nav: rgba(255, 255, 255, 0.88);
  --va-apple-glass-border: rgba(0, 0, 0, 0.06);
  --va-apple-glass-blur: blur(20px) saturate(180%);
  --va-apple-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --va-apple-spring-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --va-apple-bezel-outer: rgba(0, 0, 0, 0.024);
  --va-apple-bezel-border: rgba(0, 0, 0, 0.05);
  --va-apple-sheet-handle: rgba(0, 0, 0, 0.22);
  --va-apple-shadow-sheet: 0 -8px 36px rgba(0, 0, 0, 0.08);
  --va-apple-shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 6px -1px rgba(0, 0, 0, 0.02);
  --va-apple-touch-min: 44px;

  /* ── 3. Uber Base Design System (Mobility & Transit Tokens) ── */
  --va-uber-black: #000000;
  --va-uber-white: #ffffff;
  --va-uber-origin-dot: #18d34d;       /* Green origin pickup dot */
  --va-uber-destination-pin: #09090b;  /* Dark destination pin/square */
  --va-uber-route-line: #cbd5e1;       /* Route connector bar */
  --va-uber-price-weight: 900;
  --va-uber-eyebrow-tracking: 0.08em;
  --va-uber-action-drawer-bg: #ffffff;
  --va-uber-badge-scarcity-bg: #fffbeb;
  --va-uber-badge-scarcity-text: #b45309;
}