/* Pit wall — the design system's TOKENS, and nothing else.

   One declaration, two scopes: `.pw` (analysis page v3, whose components are
   in pit_wall.css) and `.pws` (the site shell's Pit wall pages and the site
   nav, whose components are in pit_wall_site.css). Values are
   docs/concepts/modern-take/tokens.css, prefixed `--pw-` so they can't
   collide with anything global. When phase 1 of
   docs/prds/PLAN-pit-wall-design-system.md generates tokens for the whole
   app, this file becomes an alias block.

   Page-scoped like the precedent (layouts/_stylesheets.html.erb
   `page_scoped`): linked from layouts/_pit_wall_head.html.erb by the
   application, marketing and onboarding layouts, and by show_v3 — never by
   the editor, drive or admin. Declaring custom properties restyles nothing on
   its own. */

.pw, .pws {
  --pw-base: #0b0b0c;  --pw-surface: #131315;  --pw-raised: #1b1b1e;  --pw-control: #252529;
  --pw-hair: rgba(255,255,255,.07);
  --pw-ink: #f4f4f2;  --pw-ink2: #a5a5ab;  --pw-ink3: #7d7d86;  --pw-ink4: #4b4b52;
  --pw-safe: #34d399;  --pw-mod: #fbbf24;  --pw-risk: #fb7185;  --pw-ot: #60a5fa;  --pw-road: #2c2c31;
  --pw-safe-bg: rgba(52,211,153,.12);  --pw-mod-bg: rgba(251,191,36,.14);  --pw-risk-bg: rgba(251,113,133,.12);  --pw-ot-bg: rgba(96,165,250,.14);
  /* The signal: the studio's and the logo's orange. Text on it is AAA
     (≥ 7:1): #0b0b0c on #ff7a1a is 7.5:1, on the hover #ff9447 9.0:1 —
     hover goes LIGHTER, a darker orange drops under 7. primary_contrast_test.rb. */
  --pw-primary: #ff7a1a;  --pw-primary-hover: #ff9447;  --pw-on-primary: #0b0b0c;  --pw-focus: rgba(255,122,26,.7);
  --pw-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --pw-text: "Inter Tight", system-ui, sans-serif;
  --pw-mono: "JetBrains Mono", ui-monospace, monospace;
  --pw-r-surface: 14px;  --pw-r-raised: 12px;  --pw-r-btn: 10px;
  --pw-ease: cubic-bezier(.2,.9,.3,1.2);  --pw-t-fast: 160ms;
  --pw-gutter: 40px;  --pw-gutter-phone: 18px;  --pw-max: 1360px;
  --pw-brand: #ff7a1a;  --pw-nav: 60px;  --pw-r-pill: 999px;
}