:root {
  color-scheme: dark;
  --bg: #0a0b0d;
  --surface: #0f1115;
  --surface-hi: #13161c;
  --border: #1c2027;
  --border-soft: #15181e;
  --text-1: #e7e9ee;
  --text-2: #8b919c;
  --text-3: #72798a;
  --accent: #5b8dff;
  --accent-hi: #7aa2ff;
  --accent-dim: rgba(91,141,255,.14);
  --pos: #34d399;
  --pos-dim: rgba(52,211,153,.14);
  --warn: #f5b544;
  --warn-dim: rgba(245,181,68,.14);
  --neg: #ef4444;
  --neg-dim: rgba(239,68,68,.14);

  --font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --space-1: 4px;  --space-2: 6px;  --space-3: 8px;  --space-4: 10px; --space-5: 12px;
  --space-6: 14px; --space-7: 16px; --space-8: 18px; --space-9: 20px; --space-10: 28px;

  --radius-1: 4px; --radius-2: 6px; --radius-3: 8px; --radius-4: 10px; --radius-5: 12px;

  --shadow-auth-card: 0 30px 80px rgba(0,0,0,0.4);

  --sidebar-width: 232px;
  --sidebar-rail-width: 56px;
  --surface-hover: rgba(255,255,255,0.03);

  --deal-low: #f5b544;
  --deal-high: #34d399;
}

@font-face {
  font-family: "Geist";
  src: url("Geist-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("Geist-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("Geist-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist";
  src: url("Geist-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("GeistMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}