:root {
  --bordeaux: #540b0e;
  --bordeaux-deep: #4a0a0d;
  --bordeaux-night: #2a0a0b;
  --slate: #335c67;
  --ebony: #5f6d5d;
  --honey: #e09f3e;
  --cinnamon: #bf6535;
  --brown-red: #9e2a2b;
  --cream: #f6eee1;
  --ink: #241010;
  --muted: #e9cfc6;
  --white: #ffffff;
  --black: #000000;
  --danger: color-mix(in srgb, var(--cinnamon) 65%, var(--muted));
  --paper-rose: color-mix(in srgb, var(--cream) 40%, var(--muted));
  --paper-cool: color-mix(in srgb, var(--slate) 5%, var(--cream));
  --paper-sand: color-mix(in srgb, var(--ebony) 20%, var(--muted));
  --paper-warm: color-mix(in srgb, var(--cinnamon) 15%, var(--cream));
  --tint-london: color-mix(in srgb, var(--cream) 50%, var(--muted));
  --tint-mangystau: color-mix(in srgb, var(--cinnamon) 10%, var(--cream));
  --tint-almaty: color-mix(in srgb, var(--slate) 10%, var(--cream));
  --ink-soft: color-mix(in srgb, var(--bordeaux-night) 85%, var(--cream));
  --rim-light: color-mix(in srgb, var(--ink) 10%, var(--muted));
  --accent-light: color-mix(in srgb, var(--honey) 60%, var(--cream));
  --accent-glow: color-mix(in srgb, var(--honey) 30%, var(--cream));
  --accent-pale: var(--cream);
  --surface-cool-deep: color-mix(in srgb, var(--slate) 80%, var(--ink));
  --surface-wine: color-mix(in srgb, var(--brown-red) 65%, var(--ink));
  --surface-wine-deep: color-mix(in srgb, var(--bordeaux-deep) 55%, var(--brown-red));
  --surface-ink-night: color-mix(in srgb, var(--bordeaux-night) 65%, var(--ink));
  --route-transit: color-mix(in srgb, var(--honey) 15%, var(--muted));
  --paper-mist: var(--paper-cool);
  --text-soft-on-calm: var(--text-on-dark);
  --surface-wine-night: color-mix(in srgb, var(--bordeaux-night) 80%, var(--brown-red));
  --surface-cool-lift: color-mix(in srgb, var(--slate) 95%, var(--cream));
  --surface-cool-shade: color-mix(in srgb, var(--bordeaux-night) 5%, var(--slate));
  --text-quiet: color-mix(in srgb, var(--ink) 55%, var(--muted));
  --line-neutral: color-mix(in srgb, var(--slate) 20%, var(--cream));
  /* Roles: pages use these, never the palette names or literal colours above. */
  --surface-page: var(--bordeaux);
  --surface-deep: var(--bordeaux-deep);
  --surface-night: var(--bordeaux-night);
  --surface-cool: var(--slate);
  --surface-calm: var(--ebony);
  --text-on-dark: var(--cream);
  --text-soft-on-dark: var(--muted);
  --text-on-accent: var(--ink);
  --accent: var(--honey);
  /* Honey on the green is only 2.4:1. Dark wine gives the two-colour emphasis there at 3.3:1, for large headings only (Alfie 2026-10-23). */
  --accent-on-calm: var(--bordeaux-night);
  --accent-warm: var(--cinnamon);
  --accent-strong: var(--brown-red);
  --line: rgba(246, 238, 225, 0.25);
  --display: 'Bricolage Grotesque', 'Arial Narrow', Impact, sans-serif;
  --serif: 'Instrument Serif', Georgia, serif;
  --body: 'Figtree', system-ui, sans-serif;
  --font-body: clamp(17px, 1.4vw, 20px);
  --radius-card: 22px;
  --radius-box: 24px;
  --radius-photo: 10px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --content-width: 1400px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --motion-distance: 40px;
}
[data-trip='london'] {
  --trip: var(--brown-red);
}
[data-trip='mangystau'] {
  --trip: var(--cinnamon);
}
[data-trip='almaty'] {
  --trip: var(--slate);
}
[data-motion='off'] {
  scroll-behavior: auto;
  --motion-distance: 0px;
}
[data-motion='subtle'] {
  --motion-distance: 12px;
}