@font-face {
  font-family: 'Season Mix';
  src: url('../fonts/Season-Mix-TRIAL-Regular-420.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Season Mix-TRIAL';
  src: url('../fonts/Season-Mix-TRIAL-Regular-420.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: hsl(35 13% 5%);
  --bg-2: #0e0e0e;
  --surface: #131313;
  --surface-2: #1c1c1c;
  --line: rgba(255, 255, 255, 0.05);
  --line-2: rgba(255, 255, 255, 0.09);
  --text: #f4f3f0;
  --muted: #a3a09a;
  --dim: #6f6c66;
  --accent: #f2f2f0;
  --accent-soft: rgba(255, 255, 255, 0.08);

  --claude: #d97757;
  --codex: #3ecf9e;
  --grok: #d4d4d8;
  --deepseek: #7382ff;
  --opencode: #9aa0a6;
  --antigravity: #f2c14e;

  /* the app's own surfaces, sampled from renderer/styles/tokens.css */
  --a-frame: #0b0b0b;
  --a-side: #151515;
  --a-bg: #111111;
  --a-panel: #1c1c1c;
  --a-composer: #212121;
  --a-panel-2: #242424;
  --a-panel-3: #323232;
  --a-text: #b4b4b4;
  --a-heading: #d2d2d2;
  --a-text-2: #9a9a9a;
  --a-text-3: #828282;
  --a-code: #cfba80;
  --a-ok: #34c759;
  --a-warn: #ffb224;
  --a-danger: #ff5f57;
  --a-border: rgba(255, 255, 255, 0.03);
  --a-border-2: #1f1f1f;
  --a-border-3: rgba(255, 255, 255, 0.07);
  --a-mono: 'JetBrains Mono', 'Geist Mono', ui-monospace, monospace;

  --radius: 8px;
  --radius-lg: 10px;
  --wrap: 1160px;
  --font: 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Season Mix', 'Season Mix-TRIAL', 'Geist', 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}