/* Generated from v2/prototype/assets/css/tokens.css by v2/tools/build_theme.py – rem converted to px. */
/* ==========================================================================
   Naveed Awan – design tokens
   Change a value here and it changes everywhere (prototype + WordPress theme).
   ========================================================================== */
:root {
  /* Brand colours – unchanged from the old site */
  --na-yellow: #ffcd38;        /* accent: buttons, active filters, split-flap letters */
  --na-yellow-deep: #f2b705;   /* pressed / hover on yellow */
  --na-blue: #0099cc;          /* link underline, icons, 360° badge */
  --na-blue-deep: #006699;     /* link text (AA contrast on white) */
  --na-ink: #222222;           /* headings, dark UI */
  --na-text: #262626;          /* reading text */
  --na-mist: #eaeced;          /* alternate section background */

  /* Neutrals derived from the brand */
  --na-paper: #ffffff;
  --na-line: #dcdfe1;
  --na-line-strong: #c6cacd;
  --na-muted: #5f6469;         /* secondary text, AA on white and on mist */
  --na-board: #161719;         /* departure board, lightbox */
  --na-board-tile: #232427;
  --na-board-tile-top: #2a2b2f;
  --na-board-seam: #0b0b0c;
  --na-on-dark: #f3f4f5;
  --na-on-dark-muted: #a7abb0;

  /* Typography */
  --na-font-display: "Barlow Condensed", "Oswald", "Arial Narrow", sans-serif;
  --na-font-body: "Source Serif 4", Georgia, "Times New Roman", serif;
  --na-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;

  --na-step--2: clamp(11.52px, 11.2px + 0.1vw, 12.48px);
  --na-step--1: clamp(13.44px, 12.96px + 0.15vw, 14.72px);
  --na-step-0: clamp(16.32px, 15.52px + 0.25vw, 18.4px);
  --na-step-1: clamp(20px, 18.24px + 0.55vw, 24.8px);
  --na-step-2: clamp(25.6px, 22.08px + 1.1vw, 36px);
  --na-step-3: clamp(33.6px, 27.2px + 2vw, 52.8px);
  --na-step-4: clamp(44.8px, 32px + 4vw, 83.2px);
  --na-step-5: clamp(54.4px, 33.6px + 6.6vw, 137.6px);

  --na-leading: 1.65;
  --na-leading-tight: 0.95;
  --na-tracking-caps: 0.08em;

  /* Space & layout */
  --na-space-3xs: 4px;
  --na-space-2xs: 8px;
  --na-space-xs: 12px;
  --na-space-s: 16px;
  --na-space-m: 24px;
  --na-space-l: 32px;
  --na-space-xl: 48px;
  --na-space-2xl: 72px;
  --na-section: clamp(64px, 44.8px + 6vw, 136px);
  --na-gutter: clamp(16px, 6.4px + 3vw, 48px);
  --na-container: 1280px;
  --na-container-wide: 1760px;
  --na-measure: 640px;
  --na-header-h: 76px;

  /* Shape, depth, motion */
  --na-radius: 2px;
  --na-radius-tile: 3px;
  --na-shadow: 0 1px 2px rgb(0 0 0 / 0.06), 0 8px 24px rgb(0 0 0 / 0.08);
  --na-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --na-fast: 160ms;
  --na-slow: 480ms;

  /* Gallery */
  --na-gallery-gap: 10px;
  --na-gallery-row: 296px;   /* target row height, justified layout */
}

@media (max-width: 59.99rem) {
  :root {
    --na-header-h: 64px;
    --na-gallery-gap: 6.4px;
    --na-gallery-row: 192px;
  }
}