:root{
  color-scheme: dark;
  --page-bg:#0a0b0e; --ink:#f2f2f2;

  --background:#0f1115;
  --surface:#171a20;
  --surface-2:#1c2028;
  --border:#262a31;
  --border-hover:#3a3f47;
  --text-primary:#f2f2f2;
  --text-secondary:#dfe1e6;
  --text-muted:#6b7280;
  --text-muted-mid:#8b9099;
  --text-muted-strong:#9099a3;
  --accent:oklch(0.65 0.15 160);
  --accent-hover:oklch(0.7 0.15 160);
  --accent-text:oklch(0.78 0.15 160);
  --on-accent:#0f1115;
  --accent-tint:oklch(0.65 0.15 160 / 0.16);
  --accent-tint-border:oklch(0.65 0.15 160 / 0.4);

  --radius-sm:8px;
  --radius-tag:10px;
  --radius-md:12px;
  --radius-lg:14px;
  --radius-pill:20px;
  --radius-circle-icon:17px;
  --radius-circle-fab:27px;

  --space-1:4px; --space-2:8px; --space-3:13px; --space-4:16px; --space-5:20px; --space-6:28px;

  --fab:0 8px 20px rgba(0, 0, 0, 0.4);

  --font-sans:'Manrope', system-ui, sans-serif;
}