@font-face {
  font-family: 'FFAA Display';
  src: url('/fonts/Michroma-Regular.woff2') format('woff2');
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}

:root {
  --bg: #080c0d;
  --bg-soft: #0f1415;
  --surface: #111819;
  --surface-raised: #151e20;
  --surface-deep: #0a0f10;
  --border: #344145;
  --border-strong: #526064;
  --text: #eef1ef;
  --text-muted: #9ca8a6;
  --text-dim: #75807f;
  --red: #d32222;
  --red-dark: #8f2622;
  --green: #6f8643;
  --gold: #d4a017;
  --focus: #f0c34c;
  --rarity-standard: #aeb7b5;
  --rarity-rare: #66b7e8;
  --rarity-epic: #cf69e6;
  --rarity-legendary: #d4a017;
  --rarity-mythic: #ff6578;
  --radius: 4px;
  --shadow: 0 20px 60px rgb(0 0 0 / 35%);
  --display: 'FFAA Display', 'Arial Narrow', system-ui, sans-serif;
  --body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}