:root {
  color-scheme: dark;
  --bg: #101114;
  --surface: #17191e;
  --surface-2: #1e2128;
  --surface-3: #252933;
  --text: #f2f3f5;
  --muted: #9da3af;
  --line: #2d313b;
  --accent: #c7f36b;
  --accent-ink: #14180b;
  --warm: #d8b7ff;
  --danger: #ff8585;
  --shadow: 0 24px 70px #0005;
  --radius: 18px;
  --radius-sm: 12px;
  --max: 1160px;
  --font: "Manrope", system-ui, sans-serif;
  --mono: "DM Mono", monospace;
  --ease: cubic-bezier(0.2, 0.75, 0.25, 1);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f6f3;
  --surface: #fff;
  --surface-2: #eeefeb;
  --surface-3: #e5e7e0;
  --text: #181a17;
  --muted: #666d63;
  --line: #dfe1da;
  --accent: #466b0a;
  --accent-ink: #fff;
  --warm: #7543a3;
  --shadow: 0 24px 70px #17200c14;
}