/**
 * Design tokens
 * These map 1:1 to theme.json (settings.color.palette, typography, spacing)
 * once the prototype is approved. Keep names in sync.
 */
:root {
  /* Brand */
  --aw-black: #000000;
  --aw-ink: #141414;          /* raised surfaces on black */
  --aw-navy: #101a2b;         /* info bar, footer */
  --aw-navy-2: #18243a;
  --aw-red: #c80000;          /* primary action */
  --aw-red-light: #e42828;
  --aw-white: #ffffff;
  --aw-mute: #a7adb8;         /* secondary text on dark */
  --aw-line: rgb(255 255 255 / .12);

  /* Attraction colours (Toolset field "color" on each attraction page) */
  --aw-escape: #c80000;
  --aw-laser: #c818dc;
  --aw-golf: #27b9a3;
  --aw-gamer: #47b1d1;

  /* Current accent: set per page (attraction colour), inherited by all blocks */
  --c: var(--aw-red);

  /* Type */
  --aw-font-display: "Teko", "Arial Narrow", sans-serif;
  --aw-font-body: "Open Sans", system-ui, sans-serif;

  --aw-step--1: clamp(.8rem, .78rem + .1vw, .875rem);
  --aw-step-0: clamp(1rem, .96rem + .2vw, 1.0625rem);
  --aw-step-1: clamp(1.2rem, 1.1rem + .45vw, 1.4rem);
  --aw-step-2: clamp(1.6rem, 1.35rem + 1vw, 2.2rem);
  --aw-step-3: clamp(2.2rem, 1.7rem + 2.2vw, 3.6rem);
  --aw-step-4: clamp(3rem, 1.9rem + 5vw, 7.5rem);

  /* Space & layout */
  --aw-gutter: clamp(1rem, .6rem + 2vw, 2.5rem);
  --aw-section: clamp(4rem, 3rem + 5vw, 8rem);
  --aw-wide: 1320px;
  --aw-content: 760px;
  --aw-radius-s: 4px;
  --aw-radius-m: 10px;

  /* Motion */
  --aw-ease-out: cubic-bezier(.2, .8, .2, 1);
  --aw-ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --aw-dur-fast: .2s;
  --aw-dur: .45s;
  --aw-dur-slow: .8s;

  --aw-header-h: 76px;
}
