@font-face {
  font-family: Geist;
  src: url("/assets/Geist-Regular-20a85ac7.woff2");
}
@font-face {
  font-family: Geist;
  src: url("/assets/Geist-Medium-1e8b4b30.woff2");
  font-weight: 500;
}
@font-face {
  font-family: Geist;
  src: url("/assets/Geist-SemiBold-70a68971.woff2");
  font-weight: 600;
}
@font-face {
  font-family: Geist;
  src: url("/assets/Geist-Bold-6a358314.woff2");
  font-weight: 700;
}
@font-face {
  font-family: Alice;
  src: url("/assets/alice-regular-ce9c1283.woff2");
}
:root {
  --brand: #b9f641;
  --brand-hover: #c1f758;
  --brand-pressed: #a3d839;
  --brand-ink: #131f00;
  --up: #24c18d;
  --down: #f14b3f;
  --bg: #fff;
  --surface: #f7f8fa;
  --input: #f2f3f5;
  --text: #111;
  --muted: #999;
  --secondary: #666;
  --line: #e8e8e8;
  --black: #000;
  --dark-surface: #121212;
  --dark-input: #222425;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --field-height: 48px;
  --page-width: 1200px;
  --header-height: 64px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
}
body.dark {
  --bg: #000;
  --surface: #121212;
  --input: #222425;
  --text: #fff;
  --muted: #999;
  --secondary: #bbb;
  --line: #2a2f33;
}