@font-face {
  font-family: "Geist";
  src: url("https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-sans/Geist-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("https://cdn.jsdelivr.net/npm/geist@1.3.1/dist/fonts/geist-mono/GeistMono-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: dark;

  --bg: #0a0a0a;
  --panel: #111111;
  --panel-2: #161616;
  --surface: var(--panel);
  --surface-2: var(--panel-2);
  --surface-3: #1c1c1c;
  --border: #1f1f1f;
  --border-strong: #2a2a2a;
  --fg: #ededed;
  --fg-muted: #888888;
  --fg-dim: #555555;
  --accent: #ededed;

  --accent-rgb: 201 166 107;
  --accent-bright-rgb: 214 184 132;
  --accent-blue: rgb(var(--accent-rgb));
  --accent-blue-hover: #a8854f;
  --accent-blue-tint: rgb(var(--accent-rgb) / 0.12);
  --cursor: var(--accent-blue);
  --brand-green: #1f3a2e;
  --brand-gold: #c9a66b;

  --danger-rgb: 239 68 68;
  --danger: rgb(var(--danger-rgb));
  --danger-fg: #f87171;
  --danger-strong: #dc2626;
  --danger-tint: rgb(var(--danger-rgb) / 0.1);

  --success-rgb: 16 185 129;
  --success: rgb(var(--success-rgb));
  --success-fg: #34d399;
  --success-tint: rgb(var(--success-rgb) / 0.12);

  --warning: #f59e0b;
  --info: #60a5fa;
  --cat-1: var(--success);
  --cat-2: #3b82f6;
  --cat-3: var(--accent-blue);
  --cat-4: #8b5cf6;

  --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --font: var(--font-sans);
  --mono: var(--font-mono);

  --radius-sm: 0.313rem;
  --radius: 0.38rem;
  --radius-lg: 0.5rem;
  --radius-pill: 999px;

  --text-xs: 0.75rem;
  --text-sm: 0.81rem;
  --text-base: 0.88rem;
  --text-md: 0.94rem;
  --text-lg: 1rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;

  --tabbar-h: 3.25rem;
  --shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.5);

  --z-overlay: 1100;
  --z-modal: 1200;
  --z-toast: 1300;
}