:root {
  color-scheme: light;
  --brand: #683bdc;
  --brand-button: #683bdc;
  --brand-wash: #f0eaff;
  --font: Geist, system-ui, sans-serif;
  --serif: var(--font);
  --fg: var(--ink);
  --dim: var(--muted);
  --bg: #fafafa;
  --card: #fff;
  --ink: #252525;
  --muted: #666;
  --surface: #f3f3f3;
  --line-2: #b8b6b2;
  --line: #e7e7e7;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --brand: #b39aff;
  --brand-wash: #2c2242;
  --bg: #151515;
  --card: #202020;
  --ink: #f3f3f3;
  --muted: #bcbcbc;
  --surface: #202020;
  --line-2: #575754;
  --line: #363636;
}