/* The only place raw colours, font sizes and fonts are declared. Everything else uses these tokens. */
/* Headings: Silkscreen regular for every weight (its bold fills in W/M/E counters); never synthesized. */
@font-face { font-family: 'Silkscreen'; font-weight: 400 700; font-display: swap; src: url('../fonts/silkscreen-latin-400-normal.woff2') format('woff2'); }
:root {
  /* Surfaces — Moonforge night cloth */
  --bg-0: #060812;
  --bg-1: #0a0e1e;
  --bg-2: #131c38;
  --bg-3: #1f2d5a;
  --panel: rgb(10 14 30 / 94%);
  --panel-soft: rgb(10 14 30 / 80%);
  --scrim: rgb(6 8 18 / 62%);
  --scrim-strong: rgb(6 8 18 / 85%);
  --line: #2c4078;
  --line-strong: #4462a0;
  --text: #eef2fa;
  --text-dim: #a4b4d0;
  --text-faint: #6c7ea8;
  --ink: #1a1004;
  --shadow: rgb(0 0 0 / 55%);

  /* Meanings — one colour, one meaning */
  --you: #f4c440;
  --you-soft: rgb(244 196 64 / 12%);
  --you-glow: rgb(244 196 64 / 45%);
  --you-light: #ffe89a;
  --you-deep: #d09622;
  --you-edge: #5a3a10;
  --ally: #4f9be8;
  --ally-soft: rgb(79 155 232 / 10%);
  --ally-glow: rgb(79 155 232 / 45%);
  --enemy: #e8443a;
  --enemy-soft: rgb(232 68 58 / 10%);
  --hp: #4cc46a;
  --mana: #1aa0e8;
  --mana-tint: rgb(26 110 232 / 55%);
  --shield: #f2f2f2;
  --physical: #ff9a2e;
  --magic: #6ae0ff;
  --true: #ffffff;
  --owned: #3fd6b0;
  --levelup: #ffe89a;
  --levelup-glow: rgb(255 232 154 / 70%);
  --ready: #5cf08a;
  --cooldown-shade: rgb(6 8 18 / 82%);
  --locked: #555b6e;
  --armor: #c8a060;
  --resist: #b07ae8;
  --boss: #b07ae8;

  /* Type */
  --font-body: 'Atkinson Hyperlegible Next', system-ui, sans-serif;
  --font-head: 'Silkscreen', 'Atkinson Hyperlegible Next', sans-serif;
  --t-xs: 14px;
  --t-s: 16px;
  --t-m: 18px;
  --t-l: 24px;
  --t-xl: 36px;
  --t-display: 72px;
  --t-hero: 112px;

  /* Space */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;
  --radius: 2px;

  /* Layers: world < hud < overlay < banner < modal < cursor */
  --z-hud: 10;
  --z-overlay: 20;
  --z-banner: 30;
  --z-modal: 40;
  --z-toast: 50;

  /* Responsive HUD scale, set by ui/scale.ts */
  --ui-scale: 1;
}