/* Generated from Brutal/tokens.json by preset_css("default"). */
:root[data-theme], :root:not([data-theme]){
--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%);
--brand-family: default;
--ci-info-bg: var(--ci-blue);
--ci-info-fg: var(--ci-ink);
--ci-chart: hsl(222 75% 44%);
--preset-id: brutal;
--preset-assets: "/static/brand/presets/Brutal";
--browser-color: hsl(48 100% 80%);
--ci-loading-mark: url("/static/brand/presets/Brutal/mark-light.svg");
--logo-light: block;
--logo-dark: none;
color-scheme: light;
}
:root[data-theme="dark"]{
--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%);
--brand-family: default;
--ci-info-bg: var(--ci-blue);
--ci-info-fg: var(--ci-ink);
--ci-chart: var(--ci-blue);
--preset-id: brutal;
--preset-assets: "/static/brand/presets/Brutal";
--browser-color: hsl(0 0% 15%);
--ci-loading-mark: url("/static/brand/presets/Brutal/mark-dark.svg");
--logo-light: none;
--logo-dark: block;
color-scheme: dark;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
--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%);
--brand-family: default;
--ci-info-bg: var(--ci-blue);
--ci-info-fg: var(--ci-ink);
--ci-chart: var(--ci-blue);
--preset-id: brutal;
--preset-assets: "/static/brand/presets/Brutal";
--browser-color: hsl(0 0% 15%);
--ci-loading-mark: url("/static/brand/presets/Brutal/mark-dark.svg");
--logo-light: none;
--logo-dark: block;
color-scheme: dark;
}
}
.brand-logo-light { content: url("/static/brand/presets/Brutal/logo-horizontal-light.svg"); }
.brand-logo-dark { content: url("/static/brand/presets/Brutal/logo-horizontal-dark.svg"); }
.loading-state::before { background-image: var(--ci-loading-mark); }