/* DO NOT EDIT — generated by tools/gen_brand_tokens.py (design-system lane).
   Inputs: project/data/palettes/spacez.json (color VALUES, `ui` block + roles)
           project/data/brand.json           (brand refs, fonts, web-local values)
   Regenerate: python tools/gen_brand_tokens.py
   Change colors in spacez.json — the game (Palette autoload) and this file then
   retune together. Change mappings/metadata in brand.json. */

@font-face {
  font-family: "Saira Semi Condensed";
  src: url("../fonts/SairaSemiCondensed-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Saira Semi Condensed";
  src: url("../fonts/SairaSemiCondensed-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Saira Semi Condensed";
  src: url("../fonts/SairaSemiCondensed-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ui roles — spacez.json `ui` block (game cockpit palette) */
  --bg: #09090d;
  --panel: #161420;
  --raised: #22242f;
  --well: #13141b;
  --line: rgba(140, 158, 191, 0.55);
  --text: #d9e0f2;
  --dim: rgba(140, 158, 191, 0.75);
  --accent-text: #0d0d12;
  --warn: #ffb826;
  --danger: #ff614d;
  --ok: #8cffbf;
  --starlight: #94dbff;
  --epic: #b380ff;
  --lit: #ffd973;
  --disabled: rgba(140, 158, 191, 0.35);
  --focus: #ffb826;
  --scrim: rgba(4, 4, 8, 0.72);

  /* brand refs — brand.json `color_refs` */
  --machine: #ffb826;  /* roles.HAZARD */
  --monster: #ff4073;  /* roles.TRIBE — PENDING (charter D6): temporary stand-in */
  --accent: #d9e0f2;  /* ui.TEXT — brand override; game-side ui role keeps its own value */

  /* derived — LINE rgb at the web-local soft alpha */
  --line-soft: rgba(140, 158, 191, 0.22);

  /* rgb triplets — for rgba(var(--x-rgb), a) glow/scrim derivations */
  --bg-rgb: 9, 9, 13;
  --accent-rgb: 217, 224, 242;
  --machine-rgb: 255, 184, 38;
  --monster-rgb: 255, 64, 115;

  /* web-local — brand.json `web` (site scale differs from game px) */
  --chamfer: 10px;
  --measure: 68ch;

  /* typography — brand.json `fonts` */
  --font-stack: "Saira Semi Condensed", "Segoe UI", system-ui, sans-serif;
}
