@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..800&family=Big+Shoulders+Display:wght@800&family=Orbitron:wght@700&family=Rajdhani:wght@700&family=Black+Ops+One&family=Russo+One&family=Saira+Condensed:wght@700&family=JetBrains+Mono:wght@500&family=Bai+Jamjuree:wght@600&display=swap');

:root {
  --bg: #121315;
  --surface: #1b1c1f;
  --surface-2: #26282c;
  --surface-3: #2f3136;
  --line: #2c2e33;
  --line-2: #3d4047;
  --fg: #f1f0ec;
  --muted: #a3a19b;
  --accent: #d8a23f;
  --accent-hover: #e8b85d;
  --accent-ink: #1c1505;
  --win: #86c29c;
  --win-ink: #10140f;
  --loss: #e3866f;
  --review: #e0c04a;
  --review-ink: #1a1500;
  --overlay: rgba(6, 7, 8, 0.72);
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
  --press: inset 0 -3px 0 rgba(0, 0, 0, 0.32);
  --font: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mark: 'Big Shoulders Display', 'Archivo', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --radius: 2px;
  --gutter: max(16px, env(safe-area-inset-left, 0px));
  color-scheme: dark;
}