/* OnTrack v2 — Night lap tokens. Source of truth: DESIGN.md (official palette given 6 Nov 2026).
   Derived tints exist only for legibility and await the designer's approval. */
:root {
  /* the official palette */
  --negro: #2C2C2C;   /* page ground */
  --white: #FFFFFF;   /* text, logo, selected-day plate, outline buttons */
  --rojo: #FB3A0E;    /* the one main action per view, the day bar, the slash */
  --azul: #29797A;    /* selected area fill, tick boxes; never text on charcoal */
  --gris: #606060;    /* dividers and hairlines; never text on charcoal */
  /* derived tints */
  --muted: #C2C2C2;   /* secondary text on charcoal, 7.8:1 */
  --soft: #E0E0E0;    /* body copy beside headlines */
  --ctl: #7A7A7A;     /* unselected control borders, 3.3:1 */
  --raised: #363636;  /* unselected day controls, image placeholders */
  --raised-2: #333333;/* unselected area controls */
  --on-rojo: #141414; /* any text under 19px bold on orange, 5.0:1 */
  --deep: #232323;    /* the plan's ground and the timing-board cells */
  --azul-line: #5DB6B7; /* the ticket picker's chosen outline and dot: Azul lightened to read at 2px on charcoal */
  --azul-tint: rgba(41, 121, 122, .28); /* the ticket picker's chosen fill */

  --display: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --gutter: clamp(20px, 4.4vw, 64px);
  --col: 1312px;
  --r: 2px;

  --ease-out: cubic-bezier(.23, 1, .32, 1);
  --ease-in-out: cubic-bezier(.77, 0, .175, 1);
  --slash: -35deg;
  color-scheme: dark;
}