/* Design tokens, from the game (muyu-mvp-mountain docs/design-guidelines.md).
   Templates never write a colour by hand. A company's --brand, --brand-pressed
   and --brand-soft come from /theme.css (derived from its primary colour). */
@font-face { font-family: "Red Hat Display"; font-weight: 600; font-display: swap; src: url("/static/fonts/red-hat-display-600.woff2") format("woff2"); }
@font-face { font-family: "Red Hat Display"; font-weight: 700; font-display: swap; src: url("/static/fonts/red-hat-display-700.woff2") format("woff2"); }
@font-face { font-family: "Ubuntu"; font-weight: 400; font-display: swap; src: url("/static/fonts/ubuntu-400.woff2") format("woff2"); }
@font-face { font-family: "Ubuntu"; font-weight: 500; font-display: swap; src: url("/static/fonts/ubuntu-500.woff2") format("woff2"); }
@font-face { font-family: "Ubuntu"; font-weight: 700; font-display: swap; src: url("/static/fonts/ubuntu-700.woff2") format("woff2"); }
@font-face { font-family: "Ubuntu Mono"; font-weight: 400; font-display: swap; src: url("/static/fonts/ubuntu-mono-400.woff2") format("woff2"); }

:root {
  --brand: #ff6b00;
  --brand-pressed: #e55a00;
  --brand-soft: #ffe8d6;
  --bg: #faf7f4;
  --surface: #ffffff;
  --ink: #1f1b17;
  --ink-soft: #4a423c;
  --muted: #8a8079;
  --line: #e2d6cc;
  --locked: #efeae6;
  --locked-ink: #b5aca4;
  --success: #4caf50;
  --success-soft: #e8f5e9;
  --success-ink: #2e7d32;
  --error: #f44336;
  --error-soft: #ffebee;
  --error-ink: #c62828;
  --gold: #ffb300;
  --radius-card: 20px;
  --radius-small: 12px;
  --radius-pill: 999px;
  --shadow: 0 2px 10px rgba(31, 27, 23, 0.06);
  --font-title: "Red Hat Display", system-ui, sans-serif;
  --font-body: "Ubuntu", system-ui, sans-serif;
  --font-mono: "Ubuntu Mono", ui-monospace, monospace;
}