:root {
  color-scheme: light;
  --color-accent: #6d5dfb;
  --color-accent-strong: #5848eb;
  --color-ink: #16182a;
  --color-muted: #687086;
  --color-page: #f4f5fa;
  --color-surface: #ffffff;
  --color-surface-soft: #f8f8fc;
  --color-border: #e1e4ee;
  --color-deep: #0f1532;
  --color-deep-soft: #202752;
  --shadow-header: 0 16px 40px rgb(25 30 61 / 8%);
  --shadow-popover: 0 24px 54px rgb(27 31 64 / 15%);
  --radius-sm: 0.75rem;
  --radius-md: 1rem;
  --radius-lg: 1.375rem;
  --radius-xl: 1.6875rem;
  --container: 73.75rem;
  --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-ink: #f7f8fc;
  --color-muted: #aeb5ca;
  --color-page: #080b1d;
  --color-surface: #11162c;
  --color-surface-soft: #171d38;
  --color-border: #293150;
  --shadow-header: 0 18px 44px rgb(0 0 0 / 22%);
  --shadow-popover: 0 24px 54px rgb(0 0 0 / 28%);
}