/* Roadshow brand tokens — the single source for colour, type and shape.
   Used by: catalogue (print), website, brand guidelines, Radar Patín sales panel.
   Edit here, then rebuild (site: python tools/build.py). See ../README.md. */

@font-face {
  font-family: "Saira";
  src: url("../fonts/Saira.woff2") format("woff2"), url("../fonts/Saira.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 50% 125%;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter.woff2") format("woff2"), url("../fonts/Inter.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* Core palette */
  --rs-orange: #F4981C;      /* Roadshow Orange — sampled from the logo */
  --rs-orange-deep: #D97F06; /* orange text on white, hover */
  --rs-orange-tint: #FDEBD2; /* price boxes, highlights */
  --rs-asphalt: #111111;     /* primary dark, logo black */
  --rs-graphite: #2A2A2A;
  --rs-concrete: #6E6E6B;    /* secondary text, labels */
  --rs-line: #D9D8D4;        /* rules, borders */
  --rs-fog: #F3F2EF;         /* panels, image wells */
  --rs-white: #FFFFFF;

  /* Signals — internal tools (sales panel, trade docs) only, never on consumer pages */
  --rs-go: #1F8A4C;          /* open now, won, grade A */
  --rs-go-tint: #DDF2E5;
  --rs-wait: #B7791F;        /* opens soon, follow-up due, grade B */
  --rs-wait-tint: #FBEFD6;
  --rs-stop: #C8202A;        /* closed, lost, excluded, out of stock */
  --rs-stop-tint: #F8DCDD;
  --rs-info: #2F5FD0;        /* links in tools, informational */
  --rs-info-tint: #DFE7FA;
  --rs-night: #4B4F63;       /* local night time (don't message) */

  /* Type */
  --rs-font-display: "Saira", "Eurostile", "Arial Narrow", sans-serif;
  --rs-font-text: "Inter", "Helvetica Neue", Arial, sans-serif;
  --rs-stretch-wide: 125%;   /* echoes the wide ROADSHOW wordmark */
  --rs-stretch-tight: 75%;   /* compact labels */

  /* Shape */
  --rs-radius-s: 2px;        /* buttons, inputs */
  --rs-radius-m: 4px;        /* cards, image wells */
  --rs-radius-pill: 999px;   /* chips, status pills */
  --rs-shadow-pop: 0 18px 50px rgba(17, 17, 17, .28);  /* drawers, popovers only */

  /* The Lean — the angle of the skater's stride in the R mark */
  --rs-lean: 12deg;
}