/* Fichier généré depuis src/themes/themes.ts — ne pas modifier. */

:root {
  color-scheme: light;
  --c-bg: #f6f8fc;
  --c-bg-alt: #edf2fa;
  --c-surface: #ffffff;
  --c-surface-2: #f3f6fb;
  --c-line: #e0e6f0;
  --c-line-strong: #c2cddd;
  --c-ink: #0f1b33;
  --c-ink-soft: #3c4a66;
  --c-ink-mute: #5a6782;
  --c-link: #0d55c8;
  --c-primary: #1460d6;
  --c-primary-hover: #0e4fb4;
  --c-on-primary: #ffffff;
  --c-focus: #6f4ef6;
  --c-header: rgb(246 248 252 / 0.84);
  --c-band: #0b1530;
  --c-band-2: #14214a;
  --c-on-band: #ffffff;
  --c-on-band-soft: #b6c3de;
  --c-band-accent: #7fb0ff;
  --c-code-bg: #0f1b33;
  --c-code-ink: #e6edf7;
  --c-selection: #cfe0ff;
  --c-blue: #1b76ff;
  --c-blue-soft: #e6efff;
  --c-blue-ink: #0d55c8;
  --c-violet: #6f4ef6;
  --c-violet-soft: #efebfe;
  --c-violet-ink: #5232d1;
  --c-teal: #0ea5a4;
  --c-teal-soft: #ddf4f3;
  --c-teal-ink: #0a6d6b;
  --c-green: #16a34a;
  --c-green-soft: #e3f5e9;
  --c-green-ink: #157235;
  --c-amber: #f59e0b;
  --c-amber-soft: #fff2d6;
  --c-amber-ink: #8a4f07;
  --c-red: #e5484d;
  --c-red-soft: #fdeaea;
  --c-red-ink: #ae1f27;
  --grad-brand: linear-gradient(105deg, #1b76ff 0%, #4f63f9 55%, #6f4ef6 100%);
  --grad-text: linear-gradient(100deg, #1460d6 0%, #5232d1 60%, #0a6d6b 100%);
  --grad-hero: radial-gradient(46rem 26rem at 85% -5%, rgb(111 78 246 / 0.16), transparent 70%), radial-gradient(40rem 26rem at 5% 0%, rgb(27 118 255 / 0.14), transparent 70%), radial-gradient(30rem 18rem at 60% 100%, rgb(14 165 164 / 0.10), transparent 70%);
  --grad-band: radial-gradient(40rem 20rem at 90% 0%, rgb(111 78 246 / 0.35), transparent 70%), radial-gradient(36rem 20rem at 0% 100%, rgb(27 118 255 / 0.30), transparent 70%), #0b1530;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 1px;
  --shadow-sm: 0 1px 2px rgb(15 27 51 / 0.05), 0 1px 3px rgb(15 27 51 / 0.07);
  --shadow-md: 0 12px 32px -14px rgb(15 27 51 / 0.20);
  --shadow-lg: 0 34px 70px -28px rgb(15 27 51 / 0.32);
  --card-shadow-hover: 0 20px 44px -22px rgb(20 96 214 / 0.38);
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.025em;
  --link-decoration: none;
  --focus-w: 3px;
}

@media (prefers-color-scheme: dark) {
:root:not([data-theme]) {
  color-scheme: dark;
  --c-bg: #0a1022;
  --c-bg-alt: #0d1530;
  --c-surface: #111a33;
  --c-surface-2: #16213f;
  --c-line: #223052;
  --c-line-strong: #34456e;
  --c-ink: #eef2fb;
  --c-ink-soft: #c0cae0;
  --c-ink-mute: #8f9cbc;
  --c-link: #8ab8ff;
  --c-primary: #5b9bff;
  --c-primary-hover: #7dafff;
  --c-on-primary: #06132c;
  --c-focus: #b9a5ff;
  --c-header: rgb(10 16 34 / 0.82);
  --c-band: #111a33;
  --c-band-2: #1a2648;
  --c-on-band: #ffffff;
  --c-on-band-soft: #c0cae0;
  --c-band-accent: #8ab8ff;
  --c-code-bg: #060b18;
  --c-code-ink: #e6edf7;
  --c-selection: #28457e;
  --c-blue: #5b9bff;
  --c-blue-soft: #13244a;
  --c-blue-ink: #9cc2ff;
  --c-violet: #9b85ff;
  --c-violet-soft: #221a4a;
  --c-violet-ink: #c8bbff;
  --c-teal: #2dd4bf;
  --c-teal-soft: #0b2e30;
  --c-teal-ink: #7fe6d8;
  --c-green: #4ade80;
  --c-green-soft: #0f2e1c;
  --c-green-ink: #86efac;
  --c-amber: #fbbf24;
  --c-amber-soft: #33260b;
  --c-amber-ink: #fcd34d;
  --c-red: #f87171;
  --c-red-soft: #3a1517;
  --c-red-ink: #fca5a5;
  --grad-brand: linear-gradient(105deg, #3d86ff 0%, #6a6cff 55%, #8b6dff 100%);
  --grad-text: linear-gradient(100deg, #8ab8ff 0%, #c8bbff 55%, #7fe6d8 100%);
  --grad-hero: radial-gradient(46rem 26rem at 85% -5%, rgb(155 133 255 / 0.20), transparent 70%), radial-gradient(40rem 26rem at 5% 0%, rgb(91 155 255 / 0.18), transparent 70%), radial-gradient(30rem 18rem at 60% 100%, rgb(45 212 191 / 0.10), transparent 70%);
  --grad-band: radial-gradient(40rem 20rem at 90% 0%, rgb(155 133 255 / 0.28), transparent 70%), radial-gradient(36rem 20rem at 0% 100%, rgb(91 155 255 / 0.22), transparent 70%), #111a33;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 1px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
  --shadow-md: 0 12px 32px -14px rgb(0 0 0 / 0.6);
  --shadow-lg: 0 34px 70px -28px rgb(0 0 0 / 0.75);
  --card-shadow-hover: 0 20px 44px -22px rgb(91 155 255 / 0.35);
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.025em;
  --link-decoration: none;
  --focus-w: 3px;
}
}

:root[data-theme="clair"] {
  color-scheme: light;
  --c-bg: #f6f8fc;
  --c-bg-alt: #edf2fa;
  --c-surface: #ffffff;
  --c-surface-2: #f3f6fb;
  --c-line: #e0e6f0;
  --c-line-strong: #c2cddd;
  --c-ink: #0f1b33;
  --c-ink-soft: #3c4a66;
  --c-ink-mute: #5a6782;
  --c-link: #0d55c8;
  --c-primary: #1460d6;
  --c-primary-hover: #0e4fb4;
  --c-on-primary: #ffffff;
  --c-focus: #6f4ef6;
  --c-header: rgb(246 248 252 / 0.84);
  --c-band: #0b1530;
  --c-band-2: #14214a;
  --c-on-band: #ffffff;
  --c-on-band-soft: #b6c3de;
  --c-band-accent: #7fb0ff;
  --c-code-bg: #0f1b33;
  --c-code-ink: #e6edf7;
  --c-selection: #cfe0ff;
  --c-blue: #1b76ff;
  --c-blue-soft: #e6efff;
  --c-blue-ink: #0d55c8;
  --c-violet: #6f4ef6;
  --c-violet-soft: #efebfe;
  --c-violet-ink: #5232d1;
  --c-teal: #0ea5a4;
  --c-teal-soft: #ddf4f3;
  --c-teal-ink: #0a6d6b;
  --c-green: #16a34a;
  --c-green-soft: #e3f5e9;
  --c-green-ink: #157235;
  --c-amber: #f59e0b;
  --c-amber-soft: #fff2d6;
  --c-amber-ink: #8a4f07;
  --c-red: #e5484d;
  --c-red-soft: #fdeaea;
  --c-red-ink: #ae1f27;
  --grad-brand: linear-gradient(105deg, #1b76ff 0%, #4f63f9 55%, #6f4ef6 100%);
  --grad-text: linear-gradient(100deg, #1460d6 0%, #5232d1 60%, #0a6d6b 100%);
  --grad-hero: radial-gradient(46rem 26rem at 85% -5%, rgb(111 78 246 / 0.16), transparent 70%), radial-gradient(40rem 26rem at 5% 0%, rgb(27 118 255 / 0.14), transparent 70%), radial-gradient(30rem 18rem at 60% 100%, rgb(14 165 164 / 0.10), transparent 70%);
  --grad-band: radial-gradient(40rem 20rem at 90% 0%, rgb(111 78 246 / 0.35), transparent 70%), radial-gradient(36rem 20rem at 0% 100%, rgb(27 118 255 / 0.30), transparent 70%), #0b1530;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 1px;
  --shadow-sm: 0 1px 2px rgb(15 27 51 / 0.05), 0 1px 3px rgb(15 27 51 / 0.07);
  --shadow-md: 0 12px 32px -14px rgb(15 27 51 / 0.20);
  --shadow-lg: 0 34px 70px -28px rgb(15 27 51 / 0.32);
  --card-shadow-hover: 0 20px 44px -22px rgb(20 96 214 / 0.38);
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.025em;
  --link-decoration: none;
  --focus-w: 3px;
}

:root[data-theme="sombre"] {
  color-scheme: dark;
  --c-bg: #0a1022;
  --c-bg-alt: #0d1530;
  --c-surface: #111a33;
  --c-surface-2: #16213f;
  --c-line: #223052;
  --c-line-strong: #34456e;
  --c-ink: #eef2fb;
  --c-ink-soft: #c0cae0;
  --c-ink-mute: #8f9cbc;
  --c-link: #8ab8ff;
  --c-primary: #5b9bff;
  --c-primary-hover: #7dafff;
  --c-on-primary: #06132c;
  --c-focus: #b9a5ff;
  --c-header: rgb(10 16 34 / 0.82);
  --c-band: #111a33;
  --c-band-2: #1a2648;
  --c-on-band: #ffffff;
  --c-on-band-soft: #c0cae0;
  --c-band-accent: #8ab8ff;
  --c-code-bg: #060b18;
  --c-code-ink: #e6edf7;
  --c-selection: #28457e;
  --c-blue: #5b9bff;
  --c-blue-soft: #13244a;
  --c-blue-ink: #9cc2ff;
  --c-violet: #9b85ff;
  --c-violet-soft: #221a4a;
  --c-violet-ink: #c8bbff;
  --c-teal: #2dd4bf;
  --c-teal-soft: #0b2e30;
  --c-teal-ink: #7fe6d8;
  --c-green: #4ade80;
  --c-green-soft: #0f2e1c;
  --c-green-ink: #86efac;
  --c-amber: #fbbf24;
  --c-amber-soft: #33260b;
  --c-amber-ink: #fcd34d;
  --c-red: #f87171;
  --c-red-soft: #3a1517;
  --c-red-ink: #fca5a5;
  --grad-brand: linear-gradient(105deg, #3d86ff 0%, #6a6cff 55%, #8b6dff 100%);
  --grad-text: linear-gradient(100deg, #8ab8ff 0%, #c8bbff 55%, #7fe6d8 100%);
  --grad-hero: radial-gradient(46rem 26rem at 85% -5%, rgb(155 133 255 / 0.20), transparent 70%), radial-gradient(40rem 26rem at 5% 0%, rgb(91 155 255 / 0.18), transparent 70%), radial-gradient(30rem 18rem at 60% 100%, rgb(45 212 191 / 0.10), transparent 70%);
  --grad-band: radial-gradient(40rem 20rem at 90% 0%, rgb(155 133 255 / 0.28), transparent 70%), radial-gradient(36rem 20rem at 0% 100%, rgb(91 155 255 / 0.22), transparent 70%), #111a33;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 1px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
  --shadow-md: 0 12px 32px -14px rgb(0 0 0 / 0.6);
  --shadow-lg: 0 34px 70px -28px rgb(0 0 0 / 0.75);
  --card-shadow-hover: 0 20px 44px -22px rgb(91 155 255 / 0.35);
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.025em;
  --link-decoration: none;
  --focus-w: 3px;
}

:root[data-theme="contraste"] {
  color-scheme: light;
  --c-bg: #ffffff;
  --c-bg-alt: #ffffff;
  --c-surface: #ffffff;
  --c-surface-2: #f2f2f2;
  --c-line: #000000;
  --c-line-strong: #000000;
  --c-ink: #000000;
  --c-ink-soft: #141414;
  --c-ink-mute: #2b2b2b;
  --c-link: #0033a0;
  --c-primary: #0033a0;
  --c-primary-hover: #001f66;
  --c-on-primary: #ffffff;
  --c-focus: #c2006b;
  --c-header: #ffffff;
  --c-band: #000000;
  --c-band-2: #1a1a1a;
  --c-on-band: #ffffff;
  --c-on-band-soft: #ffffff;
  --c-band-accent: #ffe14d;
  --c-code-bg: #000000;
  --c-code-ink: #ffffff;
  --c-selection: #ffe14d;
  --c-blue: #0033a0;
  --c-blue-soft: #ffffff;
  --c-blue-ink: #0033a0;
  --c-violet: #4b0fa8;
  --c-violet-soft: #ffffff;
  --c-violet-ink: #4b0fa8;
  --c-teal: #005c5a;
  --c-teal-soft: #ffffff;
  --c-teal-ink: #005c5a;
  --c-green: #005a24;
  --c-green-soft: #ffffff;
  --c-green-ink: #005a24;
  --c-amber: #6b3b00;
  --c-amber-soft: #ffffff;
  --c-amber-ink: #6b3b00;
  --c-red: #a1000b;
  --c-red-soft: #ffffff;
  --c-red-ink: #a1000b;
  --grad-brand: #0033a0;
  --grad-text: linear-gradient(#000000, #000000);
  --grad-hero: none;
  --grad-band: #000000;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 2px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --card-shadow-hover: none;
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.01em;
  --link-decoration: underline;
  --focus-w: 4px;
}

.theme-swatch[data-swatch="clair"] { background: linear-gradient(135deg, #f6f8fc 0 55%, #1b76ff 55% 78%, #6f4ef6 78%); }

.theme-swatch[data-swatch="sombre"] { background: linear-gradient(135deg, #0a1022 0 55%, #5b9bff 55% 78%, #9b85ff 78%); }

.theme-swatch[data-swatch="contraste"] { background: linear-gradient(135deg, #ffffff 0 50%, #000000 50%); }

[data-theme-preview="clair"] {
  color-scheme: light;
  --c-bg: #f6f8fc;
  --c-bg-alt: #edf2fa;
  --c-surface: #ffffff;
  --c-surface-2: #f3f6fb;
  --c-line: #e0e6f0;
  --c-line-strong: #c2cddd;
  --c-ink: #0f1b33;
  --c-ink-soft: #3c4a66;
  --c-ink-mute: #5a6782;
  --c-link: #0d55c8;
  --c-primary: #1460d6;
  --c-primary-hover: #0e4fb4;
  --c-on-primary: #ffffff;
  --c-focus: #6f4ef6;
  --c-header: rgb(246 248 252 / 0.84);
  --c-band: #0b1530;
  --c-band-2: #14214a;
  --c-on-band: #ffffff;
  --c-on-band-soft: #b6c3de;
  --c-band-accent: #7fb0ff;
  --c-code-bg: #0f1b33;
  --c-code-ink: #e6edf7;
  --c-selection: #cfe0ff;
  --c-blue: #1b76ff;
  --c-blue-soft: #e6efff;
  --c-blue-ink: #0d55c8;
  --c-violet: #6f4ef6;
  --c-violet-soft: #efebfe;
  --c-violet-ink: #5232d1;
  --c-teal: #0ea5a4;
  --c-teal-soft: #ddf4f3;
  --c-teal-ink: #0a6d6b;
  --c-green: #16a34a;
  --c-green-soft: #e3f5e9;
  --c-green-ink: #157235;
  --c-amber: #f59e0b;
  --c-amber-soft: #fff2d6;
  --c-amber-ink: #8a4f07;
  --c-red: #e5484d;
  --c-red-soft: #fdeaea;
  --c-red-ink: #ae1f27;
  --grad-brand: linear-gradient(105deg, #1b76ff 0%, #4f63f9 55%, #6f4ef6 100%);
  --grad-text: linear-gradient(100deg, #1460d6 0%, #5232d1 60%, #0a6d6b 100%);
  --grad-hero: radial-gradient(46rem 26rem at 85% -5%, rgb(111 78 246 / 0.16), transparent 70%), radial-gradient(40rem 26rem at 5% 0%, rgb(27 118 255 / 0.14), transparent 70%), radial-gradient(30rem 18rem at 60% 100%, rgb(14 165 164 / 0.10), transparent 70%);
  --grad-band: radial-gradient(40rem 20rem at 90% 0%, rgb(111 78 246 / 0.35), transparent 70%), radial-gradient(36rem 20rem at 0% 100%, rgb(27 118 255 / 0.30), transparent 70%), #0b1530;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 1px;
  --shadow-sm: 0 1px 2px rgb(15 27 51 / 0.05), 0 1px 3px rgb(15 27 51 / 0.07);
  --shadow-md: 0 12px 32px -14px rgb(15 27 51 / 0.20);
  --shadow-lg: 0 34px 70px -28px rgb(15 27 51 / 0.32);
  --card-shadow-hover: 0 20px 44px -22px rgb(20 96 214 / 0.38);
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.025em;
  --link-decoration: none;
  --focus-w: 3px;
  background: var(--c-bg);
  color: var(--c-ink);
}

[data-theme-preview="sombre"] {
  color-scheme: dark;
  --c-bg: #0a1022;
  --c-bg-alt: #0d1530;
  --c-surface: #111a33;
  --c-surface-2: #16213f;
  --c-line: #223052;
  --c-line-strong: #34456e;
  --c-ink: #eef2fb;
  --c-ink-soft: #c0cae0;
  --c-ink-mute: #8f9cbc;
  --c-link: #8ab8ff;
  --c-primary: #5b9bff;
  --c-primary-hover: #7dafff;
  --c-on-primary: #06132c;
  --c-focus: #b9a5ff;
  --c-header: rgb(10 16 34 / 0.82);
  --c-band: #111a33;
  --c-band-2: #1a2648;
  --c-on-band: #ffffff;
  --c-on-band-soft: #c0cae0;
  --c-band-accent: #8ab8ff;
  --c-code-bg: #060b18;
  --c-code-ink: #e6edf7;
  --c-selection: #28457e;
  --c-blue: #5b9bff;
  --c-blue-soft: #13244a;
  --c-blue-ink: #9cc2ff;
  --c-violet: #9b85ff;
  --c-violet-soft: #221a4a;
  --c-violet-ink: #c8bbff;
  --c-teal: #2dd4bf;
  --c-teal-soft: #0b2e30;
  --c-teal-ink: #7fe6d8;
  --c-green: #4ade80;
  --c-green-soft: #0f2e1c;
  --c-green-ink: #86efac;
  --c-amber: #fbbf24;
  --c-amber-soft: #33260b;
  --c-amber-ink: #fcd34d;
  --c-red: #f87171;
  --c-red-soft: #3a1517;
  --c-red-ink: #fca5a5;
  --grad-brand: linear-gradient(105deg, #3d86ff 0%, #6a6cff 55%, #8b6dff 100%);
  --grad-text: linear-gradient(100deg, #8ab8ff 0%, #c8bbff 55%, #7fe6d8 100%);
  --grad-hero: radial-gradient(46rem 26rem at 85% -5%, rgb(155 133 255 / 0.20), transparent 70%), radial-gradient(40rem 26rem at 5% 0%, rgb(91 155 255 / 0.18), transparent 70%), radial-gradient(30rem 18rem at 60% 100%, rgb(45 212 191 / 0.10), transparent 70%);
  --grad-band: radial-gradient(40rem 20rem at 90% 0%, rgb(155 133 255 / 0.28), transparent 70%), radial-gradient(36rem 20rem at 0% 100%, rgb(91 155 255 / 0.22), transparent 70%), #111a33;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 1px;
  --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
  --shadow-md: 0 12px 32px -14px rgb(0 0 0 / 0.6);
  --shadow-lg: 0 34px 70px -28px rgb(0 0 0 / 0.75);
  --card-shadow-hover: 0 20px 44px -22px rgb(91 155 255 / 0.35);
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.025em;
  --link-decoration: none;
  --focus-w: 3px;
  background: var(--c-bg);
  color: var(--c-ink);
}

[data-theme-preview="contraste"] {
  color-scheme: light;
  --c-bg: #ffffff;
  --c-bg-alt: #ffffff;
  --c-surface: #ffffff;
  --c-surface-2: #f2f2f2;
  --c-line: #000000;
  --c-line-strong: #000000;
  --c-ink: #000000;
  --c-ink-soft: #141414;
  --c-ink-mute: #2b2b2b;
  --c-link: #0033a0;
  --c-primary: #0033a0;
  --c-primary-hover: #001f66;
  --c-on-primary: #ffffff;
  --c-focus: #c2006b;
  --c-header: #ffffff;
  --c-band: #000000;
  --c-band-2: #1a1a1a;
  --c-on-band: #ffffff;
  --c-on-band-soft: #ffffff;
  --c-band-accent: #ffe14d;
  --c-code-bg: #000000;
  --c-code-ink: #ffffff;
  --c-selection: #ffe14d;
  --c-blue: #0033a0;
  --c-blue-soft: #ffffff;
  --c-blue-ink: #0033a0;
  --c-violet: #4b0fa8;
  --c-violet-soft: #ffffff;
  --c-violet-ink: #4b0fa8;
  --c-teal: #005c5a;
  --c-teal-soft: #ffffff;
  --c-teal-ink: #005c5a;
  --c-green: #005a24;
  --c-green-soft: #ffffff;
  --c-green-ink: #005a24;
  --c-amber: #6b3b00;
  --c-amber-soft: #ffffff;
  --c-amber-ink: #6b3b00;
  --c-red: #a1000b;
  --c-red-soft: #ffffff;
  --c-red-ink: #a1000b;
  --grad-brand: #0033a0;
  --grad-text: linear-gradient(#000000, #000000);
  --grad-hero: none;
  --grad-band: #000000;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --border-w: 2px;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --card-shadow-hover: none;
  --font-display: "Plus Jakarta Sans Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", Consolas, monospace;
  --heading-weight: 750;
  --heading-tracking: -0.01em;
  --link-decoration: underline;
  --focus-w: 4px;
  background: var(--c-bg);
  color: var(--c-ink);
}

.theme-swatch[data-swatch="auto"] { background: linear-gradient(135deg, #f6f8fc 0 50%, #0a1022 50%); }