/* Generated by scripts/generate-theme-css.py. Edit the source tokens instead. */

:root:not([data-ci-preset]) [data-md-color-scheme],
:root[data-ci-preset="brutal"] [data-md-color-scheme] {
  --ci-bg: hsl(44 100% 92%);
  --ci-fg: hsl(0 0% 7%);
  --ci-card: hsl(0 0% 100%);
  --ci-card-fg: hsl(0 0% 7%);
  --ci-primary: hsl(330 100% 68%);
  --ci-on-primary: hsl(0 0% 7%);
  --ci-surface: hsl(48 100% 80%);
  --ci-surface-fg: hsl(0 0% 7%);
  --ci-muted-bg: hsl(48 100% 86%);
  --ci-muted: hsl(0 0% 27%);
  --ci-accent: hsl(48 100% 80%);
  --ci-on-accent: hsl(0 0% 7%);
  --ci-line: hsl(0 0% 7%);
  --ci-input: hsl(0 0% 7%);
  --ci-ring: hsl(330 100% 40%);
  --ci-ok: hsl(151 66% 30%);
  --ci-warn: hsl(40 100% 30%);
  --ci-danger: hsl(4 78% 40%);
  --ci-link: hsl(330 100% 34%);
  --ci-radius: 6px;
  --ci-bw: 2.5px;
  --ci-card-shadow: 6px 6px 0 hsl(0 0% 7%);
  --ci-button-shadow: 4px 4px 0 hsl(0 0% 7%);
  --ci-button-radius: 6px;
  --ci-field-radius: calc(6px / 2);
  --ci-backdrop: none;
  --ci-overlay: none;
  --ci-page-bg: radial-gradient(hsl(0 0% 7%/0.13) 1.2px,transparent 1.4px) 0 0 /22px 22px,hsl(44 100% 92%);
  --ci-header-bg: hsl(48 100% 80%);
  --ci-footer-bg: hsl(48 100% 80%);
  --ci-body-font: "Space Grotesk", sans-serif;
  --ci-display-font: "Space Grotesk", sans-serif;
  --ci-mono-font: "Space Mono", monospace;
  --ci-logo-font: "Space Grotesk", sans-serif;
  --ci-logo-accent: #FF5CAD;
  --ci-yellow: hsl(48 100% 60%);
  --ci-blue: hsl(222 100% 70%);
  --ci-lime: hsl(90 90% 62%);
}

:root:not([data-ci-preset]) [data-md-color-scheme="slate"],
:root[data-ci-preset="brutal"] [data-md-color-scheme="slate"] {
  --ci-bg: hsl(0 0% 8%);
  --ci-fg: hsl(44 100% 92%);
  --ci-card: hsl(0 0% 13%);
  --ci-card-fg: hsl(44 100% 92%);
  --ci-primary: hsl(330 100% 68%);
  --ci-on-primary: hsl(0 0% 7%);
  --ci-surface: hsl(0 0% 15%);
  --ci-surface-fg: hsl(44 100% 92%);
  --ci-muted-bg: hsl(0 0% 15%);
  --ci-muted: hsl(44 30% 74%);
  --ci-accent: hsl(0 0% 15%);
  --ci-on-accent: hsl(44 100% 92%);
  --ci-line: hsl(44 100% 92%);
  --ci-input: hsl(44 100% 92%);
  --ci-ring: hsl(330 100% 68%);
  --ci-ok: hsl(133 48% 49%);
  --ci-warn: hsl(40 72% 48%);
  --ci-danger: hsl(3 92% 63%);
  --ci-link: hsl(330 100% 76%);
  --ci-radius: 6px;
  --ci-bw: 2.5px;
  --ci-card-shadow: 6px 6px 0 hsl(44 100% 92%);
  --ci-button-shadow: 4px 4px 0 hsl(44 100% 92%);
  --ci-button-radius: 6px;
  --ci-field-radius: calc(6px / 2);
  --ci-backdrop: none;
  --ci-overlay: none;
  --ci-page-bg: radial-gradient(hsl(44 100% 92%/0.13) 1.2px,transparent 1.4px) 0 0 /22px 22px,hsl(0 0% 8%);
  --ci-header-bg: hsl(0 0% 15%);
  --ci-footer-bg: hsl(0 0% 15%);
  --ci-body-font: "Space Grotesk", sans-serif;
  --ci-display-font: "Space Grotesk", sans-serif;
  --ci-mono-font: "Space Mono", monospace;
  --ci-logo-font: "Space Grotesk", sans-serif;
  --ci-logo-accent: #FF5CAD;
  --ci-yellow: hsl(48 100% 60%);
  --ci-blue: hsl(222 100% 70%);
  --ci-lime: hsl(90 90% 62%);
}

:root[data-ci-preset="classic-blue"] [data-md-color-scheme] {
  --ci-bg: hsl(0 0% 100%);
  --ci-fg: hsl(211 31% 15%);
  --ci-card: hsl(0 0% 100%);
  --ci-card-fg: hsl(211 31% 15%);
  --ci-primary: hsl(217 82% 47%);
  --ci-on-primary: hsl(0 0% 100%);
  --ci-surface: hsl(214 20% 95%);
  --ci-surface-fg: hsl(211 31% 15%);
  --ci-muted-bg: hsl(214 20% 95%);
  --ci-muted: hsl(211 15% 42%);
  --ci-accent: hsl(214 20% 95%);
  --ci-on-accent: hsl(211 31% 15%);
  --ci-line: hsl(213 16% 82%);
  --ci-input: hsl(213 16% 82%);
  --ci-ring: hsl(217 84% 52%);
  --ci-ok: hsl(151 66% 30%);
  --ci-warn: hsl(40 100% 30%);
  --ci-danger: hsl(4 78% 40%);
  --ci-link: hsl(217 82% 47%);
  --ci-radius: 6px;
  --ci-bw: 1px;
  --ci-card-shadow: none;
  --ci-button-shadow: none;
  --ci-button-radius: 6px;
  --ci-field-radius: calc(6px / 2);
  --ci-backdrop: none;
  --ci-overlay: none;
  --ci-page-bg: hsl(0 0% 100%);
  --ci-header-bg: hsl(0 0% 100%);
  --ci-footer-bg: hsl(214 20% 95%);
  --ci-body-font: "Inter", sans-serif;
  --ci-display-font: "Inter", sans-serif;
  --ci-mono-font: "JetBrains Mono", monospace;
  --ci-logo-font: "Inter", sans-serif;
  --ci-logo-accent: #1f6feb;
}

:root[data-ci-preset="classic-blue"] [data-md-color-scheme="slate"] {
  --ci-bg: hsl(216 28% 7%);
  --ci-fg: hsl(210 24% 92%);
  --ci-card: hsl(215 21% 11%);
  --ci-card-fg: hsl(210 24% 92%);
  --ci-primary: hsl(219 100% 65%);
  --ci-on-primary: hsl(216 28% 7%);
  --ci-surface: hsl(214 17% 15%);
  --ci-surface-fg: hsl(210 24% 92%);
  --ci-muted-bg: hsl(214 17% 15%);
  --ci-muted: hsl(213 12% 65%);
  --ci-accent: hsl(214 17% 15%);
  --ci-on-accent: hsl(210 24% 92%);
  --ci-line: hsl(213 17% 20%);
  --ci-input: hsl(213 17% 20%);
  --ci-ring: hsl(219 100% 65%);
  --ci-ok: hsl(133 48% 49%);
  --ci-warn: hsl(40 72% 48%);
  --ci-danger: hsl(3 92% 63%);
  --ci-link: hsl(219 100% 65%);
  --ci-radius: 6px;
  --ci-bw: 1px;
  --ci-card-shadow: none;
  --ci-button-shadow: none;
  --ci-button-radius: 6px;
  --ci-field-radius: calc(6px / 2);
  --ci-backdrop: none;
  --ci-overlay: none;
  --ci-page-bg: hsl(216 28% 7%);
  --ci-header-bg: hsl(216 28% 7%);
  --ci-footer-bg: hsl(214 17% 15%);
  --ci-body-font: "Inter", sans-serif;
  --ci-display-font: "Inter", sans-serif;
  --ci-mono-font: "JetBrains Mono", monospace;
  --ci-logo-font: "Inter", sans-serif;
  --ci-logo-accent: #4c8dff;
}

:root[data-ci-preset="liquid"] [data-md-color-scheme] {
  --ci-bg: hsl(234 100% 97%);
  --ci-fg: hsl(245 40% 16%);
  --ci-card: hsl(0 0% 100%);
  --ci-card-fg: hsl(245 40% 16%);
  --ci-primary: hsl(254 90% 60%);
  --ci-on-primary: hsl(0 0% 100%);
  --ci-surface: hsl(240 60% 94%);
  --ci-surface-fg: hsl(245 40% 16%);
  --ci-muted-bg: hsl(240 60% 94%);
  --ci-muted: hsl(245 15% 40%);
  --ci-accent: hsl(240 60% 94%);
  --ci-on-accent: hsl(245 40% 16%);
  --ci-line: hsl(240 40% 86%);
  --ci-input: hsl(240 40% 86%);
  --ci-ring: hsl(254 90% 60%);
  --ci-ok: hsl(151 66% 30%);
  --ci-warn: hsl(40 100% 30%);
  --ci-danger: hsl(4 78% 40%);
  --ci-link: hsl(254 90% 60%);
  --ci-radius: 24px;
  --ci-bw: 1px;
  --ci-card-shadow: 0 20px 50px -24px hsl(254 80% 40%/0.35),inset 0 1px 0 hsl(0 0% 100%/0.7);
  --ci-button-shadow: 0 10px 26px -10px hsl(254 90% 60%/0.9);
  --ci-button-radius: 999px;
  --ci-field-radius: 14px;
  --ci-backdrop: radial-gradient(40vw 40vw at 8% 12%,hsl(262 100% 78%/0.5),transparent 70%),radial-gradient(38vw 38vw at 92% 30%,hsl(190 100% 72%/0.45),transparent 70%),radial-gradient(45vw 45vw at 60% 100%,hsl(320 100% 80%/0.4),transparent 70%);
  --ci-overlay: none;
  --ci-page-bg: radial-gradient(40vw 40vw at 8% 12%,hsl(262 100% 78%/0.5),transparent 70%),radial-gradient(38vw 38vw at 92% 30%,hsl(190 100% 72%/0.45),transparent 70%),radial-gradient(45vw 45vw at 60% 100%,hsl(320 100% 80%/0.4),transparent 70%),hsl(234 100% 97%);
  --ci-header-bg: hsl(234 100% 97%);
  --ci-footer-bg: hsl(0 0% 100%/0.4);
  --ci-body-font: "Plus Jakarta Sans", sans-serif;
  --ci-display-font: "Plus Jakarta Sans", sans-serif;
  --ci-mono-font: "JetBrains Mono", monospace;
  --ci-logo-font: "Inter", sans-serif;
  --ci-logo-accent: hsl(254 90% 60%);
}

:root[data-ci-preset="liquid"] [data-md-color-scheme="slate"] {
  --ci-bg: hsl(250 40% 7%);
  --ci-fg: hsl(240 60% 96%);
  --ci-card: hsl(250 30% 13%);
  --ci-card-fg: hsl(240 60% 96%);
  --ci-primary: hsl(254 100% 76%);
  --ci-on-primary: hsl(250 40% 8%);
  --ci-surface: hsl(250 30% 16%);
  --ci-surface-fg: hsl(240 60% 96%);
  --ci-muted-bg: hsl(250 30% 16%);
  --ci-muted: hsl(245 20% 74%);
  --ci-accent: hsl(250 30% 16%);
  --ci-on-accent: hsl(240 60% 96%);
  --ci-line: hsl(250 30% 24%);
  --ci-input: hsl(250 30% 24%);
  --ci-ring: hsl(254 100% 76%);
  --ci-ok: hsl(133 48% 49%);
  --ci-warn: hsl(40 72% 48%);
  --ci-danger: hsl(3 92% 63%);
  --ci-link: hsl(254 100% 76%);
  --ci-radius: 24px;
  --ci-bw: 1px;
  --ci-card-shadow: 0 20px 50px -24px hsl(0 0% 0%/0.6),inset 0 1px 0 hsl(0 0% 100%/0.08);
  --ci-button-shadow: 0 10px 26px -10px hsl(254 100% 76%/0.9);
  --ci-button-radius: 999px;
  --ci-field-radius: 14px;
  --ci-backdrop: radial-gradient(40vw 40vw at 8% 12%,hsl(262 100% 60%/0.3),transparent 70%),radial-gradient(38vw 38vw at 92% 30%,hsl(190 100% 50%/0.2),transparent 70%),radial-gradient(45vw 45vw at 60% 100%,hsl(320 100% 60%/0.2),transparent 70%);
  --ci-overlay: none;
  --ci-page-bg: radial-gradient(40vw 40vw at 8% 12%,hsl(262 100% 60%/0.3),transparent 70%),radial-gradient(38vw 38vw at 92% 30%,hsl(190 100% 50%/0.2),transparent 70%),radial-gradient(45vw 45vw at 60% 100%,hsl(320 100% 60%/0.2),transparent 70%),hsl(250 40% 7%);
  --ci-header-bg: hsl(250 40% 7%);
  --ci-footer-bg: hsl(250 30% 13%/0.4);
  --ci-body-font: "Plus Jakarta Sans", sans-serif;
  --ci-display-font: "Plus Jakarta Sans", sans-serif;
  --ci-mono-font: "JetBrains Mono", monospace;
  --ci-logo-font: "Inter", sans-serif;
  --ci-logo-accent: hsl(254 100% 76%);
}

:root[data-ci-preset="phosphor"] [data-md-color-scheme] {
  --ci-bg: hsl(45 40% 92%);
  --ci-fg: hsl(140 60% 14%);
  --ci-card: hsl(45 45% 96%);
  --ci-card-fg: hsl(140 60% 14%);
  --ci-primary: hsl(140 70% 24%);
  --ci-on-primary: hsl(45 40% 95%);
  --ci-surface: hsl(45 30% 86%);
  --ci-surface-fg: hsl(140 60% 14%);
  --ci-muted-bg: hsl(45 30% 86%);
  --ci-muted: hsl(140 25% 30%);
  --ci-accent: hsl(45 30% 86%);
  --ci-on-accent: hsl(140 60% 14%);
  --ci-line: hsl(140 25% 60%);
  --ci-input: hsl(140 25% 60%);
  --ci-ring: hsl(140 70% 24%);
  --ci-ok: hsl(140 70% 24%);
  --ci-warn: hsl(40 100% 30%);
  --ci-danger: hsl(4 78% 40%);
  --ci-link: hsl(140 70% 24%);
  --ci-radius: 0px;
  --ci-bw: 1px;
  --ci-card-shadow: none;
  --ci-button-shadow: none;
  --ci-button-radius: 0px;
  --ci-field-radius: calc(0px / 2);
  --ci-backdrop: none;
  --ci-overlay: repeating-linear-gradient(0deg,hsl(140 30% 20%/0.045) 0 1px,transparent 1px 3px);
  --ci-page-bg: hsl(45 40% 92%);
  --ci-header-bg: hsl(45 40% 92%);
  --ci-footer-bg: hsl(45 30% 86%/0.4);
  --ci-body-font: "IBM Plex Mono", monospace;
  --ci-display-font: "VT323", monospace;
  --ci-mono-font: "IBM Plex Mono", monospace;
  --ci-logo-font: "Inter", sans-serif;
  --ci-logo-accent: hsl(140 70% 24%);
}

:root[data-ci-preset="phosphor"] [data-md-color-scheme="slate"] {
  --ci-bg: hsl(140 40% 3%);
  --ci-fg: hsl(140 100% 70%);
  --ci-card: hsl(140 45% 5%);
  --ci-card-fg: hsl(140 100% 70%);
  --ci-primary: hsl(140 100% 61%);
  --ci-on-primary: hsl(140 40% 4%);
  --ci-surface: hsl(140 40% 8%);
  --ci-surface-fg: hsl(140 100% 70%);
  --ci-muted-bg: hsl(140 40% 8%);
  --ci-muted: hsl(140 55% 50%);
  --ci-accent: hsl(140 40% 8%);
  --ci-on-accent: hsl(140 100% 70%);
  --ci-line: hsl(140 60% 20%);
  --ci-input: hsl(140 60% 20%);
  --ci-ring: hsl(140 100% 61%);
  --ci-ok: hsl(140 100% 61%);
  --ci-warn: hsl(40 72% 48%);
  --ci-danger: hsl(3 92% 63%);
  --ci-link: hsl(140 100% 61%);
  --ci-radius: 0px;
  --ci-bw: 1px;
  --ci-card-shadow: none;
  --ci-button-shadow: none;
  --ci-button-radius: 0px;
  --ci-field-radius: calc(0px / 2);
  --ci-backdrop: none;
  --ci-overlay: repeating-linear-gradient(0deg,hsl(0 0% 0%/0.28) 0 1px,transparent 1px 3px),radial-gradient(ellipse at center,transparent 55%,hsl(0 0% 0%/0.5));
  --ci-page-bg: hsl(140 40% 3%);
  --ci-header-bg: hsl(140 40% 3%);
  --ci-footer-bg: hsl(140 40% 8%/0.4);
  --ci-body-font: "IBM Plex Mono", monospace;
  --ci-display-font: "VT323", monospace;
  --ci-mono-font: "IBM Plex Mono", monospace;
  --ci-logo-font: "Inter", sans-serif;
  --ci-logo-accent: hsl(140 100% 61%);
}