/* eZephyr v2 — design tokens (Milestone 3A prototype).
 * Loaded by /services/ only; not applied to the rest of the site yet.
 * Colours are sampled from the original eZephyr artwork (logo, BEST bus, taxi,
 * VT station, sea waves, road, palms, local train) so the new system grows out
 * of the existing identity rather than replacing it.
 */
:root {
  /* Colour — identity */
  --ez-yellow: #ffde16;       /* logo highlighter */
  --ez-ink: #313132;          /* text */
  --ez-ink-soft: #4c4d4f;     /* logo grey */
  --ez-paper: #fffaf0;        /* warm white */

  /* Colour — Mumbai */
  --ez-sky: #63e3fe;          /* original sky */
  --ez-sky-mid: #a5ecfb;      /* distant buildings */
  --ez-sky-light: #c2f2fc;    /* horizon */
  --ez-red: #e31e24;          /* BEST bus */
  --ez-bus-green: #009846;    /* BEST bus stripe */
  --ez-sea: #003399;          /* sea, dark wave */
  --ez-sea-light: #0099ff;    /* sea, light wave */
  --ez-lilac: #a69ccc;        /* local train */
  --ez-green: #6b9c30;        /* palms (decoration only: too low-contrast for text) */
  --ez-stone: #e3d974;        /* VT sandstone */
  --ez-stone-grey: #605d5c;   /* VT domes and arches */
  --ez-road: #3f3032;         /* road */
  --ez-road-light: #5b3032;   /* kerb */
  --ez-taxi: #ffd217;         /* kaali-peeli roof */

  /* Type */
  --ez-font-display: 'Francois One', 'Arial Narrow', Arial, sans-serif;
  --ez-font-body: 'Source Sans 3', 'Source Sans Pro', Arial, Helvetica, sans-serif;
  --ez-text-hero: clamp(2.9rem, 7.4vw, 6.75rem);
  --ez-text-h2: clamp(2.4rem, 5.2vw, 4.5rem);
  --ez-text-h3: clamp(1.7rem, 2.6vw, 2.35rem);
  --ez-text-h3-lg: clamp(2.1rem, 4vw, 3.6rem);
  --ez-text-lead: clamp(1.125rem, 1.6vw, 1.375rem);
  --ez-text-label: 0.8125rem;

  /* Space and shape */
  --ez-gutter: clamp(16px, 4vw, 48px);
  --ez-max: 78rem;
  --ez-gap: clamp(12px, 1.6vw, 20px);
  --ez-radius: 6px;
  --ez-shadow-hard: 0 6px 0 var(--ez-ink);

  /* Motion */
  --ez-ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ez-dur: 0.7s;
}