/* ==========================================================================
   BlueKash Taxi Service — Design Tokens
   Do not substitute these values with generic defaults.
   ========================================================================== */

:root {
  /* Color palette */
  --c-primary-dark: #0F2038;
  --c-secondary-dark: #3A2E52;
  --c-snow: #F8F6F1;
  --c-paper: #FBF9F4;
  --c-saffron: #E0A73A;
  --c-deep-saffron: #C68A22;
  --c-chinar: #B03F2A;
  --c-walnut: #251B14;
  --c-walnut-soft: #4A3B2E;
  --c-mist: #E4EDEC;

  /* Semantic aliases */
  --c-bg: var(--c-paper);
  --c-bg-alt: var(--c-mist);
  --c-surface: #FFFFFF;
  --c-ink: var(--c-walnut);
  --c-ink-soft: var(--c-walnut-soft);
  --c-heading: var(--c-primary-dark);
  --c-accent: var(--c-saffron);
  --c-accent-deep: var(--c-deep-saffron);
  --c-danger: var(--c-chinar);
  --c-border: rgba(37, 27, 20, 0.12);
  --c-border-dark: rgba(248, 246, 241, 0.16);

  /* Gradients */
  --grad-cta: linear-gradient(135deg, var(--c-saffron) 0%, var(--c-chinar) 100%);
  --grad-hero: linear-gradient(180deg, rgba(15,32,56,0.15) 0%, rgba(15,32,56,0.85) 70%, var(--c-primary-dark) 100%);
  --grad-dark: linear-gradient(160deg, var(--c-primary-dark) 0%, var(--c-secondary-dark) 100%);

  /* Typography */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace;

  --fs-xs: 0.8125rem;
  --fs-sm: 0.9375rem;
  --fs-base: 1.0625rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.625rem;
  --fs-xl: 2.25rem;
  --fs-2xl: 3rem;
  --fs-3xl: 4rem;

  --lh-tight: 1.1;
  --lh-snug: 1.35;
  --lh-body: 1.65;

  /* Spacing scale */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-8: 3rem;
  --sp-10: 4rem;
  --sp-12: 6rem;
  --sp-16: 8rem;

  /* Layout */
  --container-max: 1240px;
  --container-narrow: 800px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 180ms;
  --dur-med: 420ms;
  --dur-slow: 720ms;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(37, 27, 20, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 32, 56, 0.12);
  --shadow-lg: 0 24px 64px rgba(15, 32, 56, 0.22);
  --shadow-gold: 0 10px 30px rgba(198, 138, 34, 0.35);
}