/*
  Ultramarine 1889: design tokens for The Freight House.

  The palette is the Great Eastern Railway livery of 1882 to 1915: ultramarine
  locomotives over a French grey undercoat, lined black edged with vermilion,
  varnished teak carriages and slate grey goods wagons. Every colour on the
  site resolves to one of these tokens; do not add hex values in templates.

  Single light scheme, no dark mode. Contrast checked: ink on ground 14.8:1,
  accent on ground 7.4:1, action on ground 4.6:1 (so vermilion is for large or
  bold text, buttons and marks only), on-action on action 4.5:1.
*/
:root {
  color-scheme: light;

  /* Livery */
  --ger-ultramarine: #23407e;
  --vermilion: #c9412a;
  --varnished-teak: #7a4a22;
  --wagon-slate: #5a636e;
  --french-grey: #dee1e3;
  --stock-brick: #a8543a;

  /* Applied roles */
  --ground: #dee1e3;
  --surface: #eaeced;
  --ink: #141a2b;
  --ink-soft: #565f6b;
  --rule: #c4c9cc;
  --accent: #23407e;
  --action: #c9412a;
  --action-deep: #8e2818;
  --on-dark: #edeff2;
  --on-dark-soft: #b7c0d4;
  --on-action: #fff3ef;

  /* Type. The font variables are generated by the fonts config in astro.config.mjs. */
  --f-display: var(--font-archivo, 'Archivo', 'Helvetica Neue', Arial, sans-serif);
  --f-body: var(--font-source-sans, 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif);
  --f-mono: var(--font-plex-mono, 'IBM Plex Mono', ui-monospace, Consolas, monospace);
  --text-base: 1.0625rem;
  --text-sm: 0.9375rem;
  --text-lg: 1.2rem;
  --text-h3: 1.3rem;
  --text-h2: clamp(1.6rem, 3vw, 2.2rem);
  --text-h1: clamp(2.6rem, 6vw, 4.6rem);
  --text-mono: 0.8125rem;
  --text-eyebrow: 0.71875rem;
  --leading: 1.55;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --radius: 0;
  --measure: 65ch;
  --container: 72rem;
  --tap: 44px;
  --header-height: 64px;
  --motion: 160ms;
}