/* Generated from docs.config.mjs brand tokens. Edit the config, not this file. */
:root {
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --page: #ffffff;
  --surface: #ffffff;
  --topbar-bg: rgba(255, 255, 255, 0.82);
  --ink: #1a202c;
  --text: #1a202c;
  --muted: #5c6b84;
  --line: #e2e8f0;
  --soft: #eef2f9;
  --accent: #185fa5;
  --accent-text: #185fa5;
  --accent-soft: #eaf0ff;
  --on-accent: #ffffff;
  --red: #c62828;
  --red-soft: #fbecea;
  --radius-control: 9px;
  --radius-card: 12px;
  --shadow-sm: 0 1px 2px rgba(15, 31, 61, 0.04), 0 1px 3px rgba(15, 31, 61, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 31, 61, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 31, 61, 0.12);
  --topbar: 60px;
  --sidebar: 264px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --page: #111827;
  --surface: #1f2937;
  --topbar-bg: rgba(17, 24, 39, 0.88);
  --ink: #f3f4f6;
  --text: #e5e7eb;
  --muted: #a0aec0;
  --line: #374151;
  --soft: #1f2937;
  --accent: #8ab4f8;
  --accent-text: #9cc4ff;
  --accent-soft: #253b5b;
  --on-accent: #102033;
  --red: #fca5a5;
  --red-soft: #452729;
  --radius-control: 9px;
  --radius-card: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.4);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --page: #111827;
  --surface: #1f2937;
  --topbar-bg: rgba(17, 24, 39, 0.88);
  --ink: #f3f4f6;
  --text: #e5e7eb;
  --muted: #a0aec0;
  --line: #374151;
  --soft: #1f2937;
  --accent: #8ab4f8;
  --accent-text: #9cc4ff;
  --accent-soft: #253b5b;
  --on-accent: #102033;
  --red: #fca5a5;
  --red-soft: #452729;
  --radius-control: 9px;
  --radius-card: 12px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.4);
  color-scheme: dark;
}