/* Generated from design/system/dist/chalkboard-v5.css by design/system/export-to-web.mjs: do not edit here. */
/* Chalkboard design system 5.0.0-draft (2026-10-15). Generated from design/system/tokens.mjs: do not edit. */
:root {
  color-scheme: light;
  --cb-font: 'Anek Latin', ui-sans-serif, system-ui, sans-serif;
  --cb-font-mono: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --cb-fs-display: 32px;
  --cb-lh-display: 1.15;
  --cb-fw-display: 680;
  --cb-fs-h1: 24px;
  --cb-lh-h1: 1.2;
  --cb-fw-h1: 680;
  --cb-fs-h2: 18px;
  --cb-lh-h2: 1.3;
  --cb-fw-h2: 650;
  --cb-fs-h3: 15px;
  --cb-lh-h3: 1.35;
  --cb-fw-h3: 650;
  --cb-fs-body: 14px;
  --cb-lh-body: 1.5;
  --cb-fw-body: 450;
  --cb-fs-small: 13px;
  --cb-lh-small: 1.45;
  --cb-fw-small: 450;
  --cb-fs-label: 12px;
  --cb-lh-label: 1.35;
  --cb-fw-label: 600;
  --cb-fs-micro: 11px;
  --cb-lh-micro: 1.3;
  --cb-fw-micro: 600;
  --cb-fs-kpi: 26px;
  --cb-lh-kpi: 1.1;
  --cb-fw-kpi: 700;
  --cb-space-0: 0px;
  --cb-space-1: 4px;
  --cb-space-2: 8px;
  --cb-space-3: 12px;
  --cb-space-4: 16px;
  --cb-space-5: 20px;
  --cb-space-6: 24px;
  --cb-space-8: 32px;
  --cb-space-10: 40px;
  --cb-space-12: 48px;
  --cb-space-16: 64px;
  --cb-radius-xs: 4px;
  --cb-radius-sm: 6px;
  --cb-radius-md: 10px;
  --cb-radius-lg: 16px;
  --cb-radius-xl: 24px;
  --cb-radius-full: 999px;
  --cb-dur-fast: 120ms;
  --cb-dur: 200ms;
  --cb-dur-slow: 320ms;
  --cb-ease: cubic-bezier(.2,0,0,1);
  --cb-control-h: 36px;
  --cb-control-h-sm: 30px;
  --cb-control-h-lg: 44px;
  --cb-control-touch-min: 44px;
  --cb-control-focus-width: 2px;
  --cb-control-focus-offset: 2px;
  --cb-sidebar-w: 248px;
  --cb-sidebar-rail: 64px;
  --cb-topbar-h: 60px;
  --cb-content-max: 1360px;
  --cb-page-pad: 24px;
  --cb-page-pad-phone: 16px;
  --cb-gutter: 16px;
  --cb-gutter-lg: 24px;
  --cb-columns: 12;
  --cb-z-base: 0;
  --cb-z-sticky: 10;
  --cb-z-sidebar: 20;
  --cb-z-topbar: 30;
  --cb-z-drawer: 40;
  --cb-z-dialog: 50;
  --cb-z-toast: 60;
  --cb-z-tooltip: 70;
  --cb-paper: oklch(0.985 0.004 265);
  --cb-surface: oklch(1 0 0);
  --cb-sunken: oklch(0.972 0.006 265);
  --cb-well: oklch(0.945 0.009 265);
  --cb-line: oklch(0.9 0.012 265);
  --cb-line-strong: oklch(0.62 0.02 265);
  --cb-ink: oklch(0.25 0.07 266);
  --cb-ink-2: oklch(0.38 0.045 266);
  --cb-ink-3: oklch(0.5 0.025 265);
  --cb-accent: oklch(0.5 0.105 162);
  --cb-on-accent: #ffffff;
  --cb-accent-hover: oklch(0.45 0.1 162);
  --cb-accent-ink: oklch(0.46 0.095 162);
  --cb-accent-tint: oklch(0.967 0.025 162);
  --cb-accent-bright: oklch(0.8 0.15 160);
  --cb-board: oklch(0.24 0.045 165);
  --cb-board-muted: oklch(0.8 0.03 265);
  --cb-haldi: oklch(0.86 0.165 88);
  --cb-haldi-wash: oklch(0.967 0.045 95);
  --cb-haldi-ink: oklch(0.5 0.1 75);
  --cb-success: oklch(0.52 0.13 150);
  --cb-success-tint: oklch(0.965 0.03 150);
  --cb-warning: oklch(0.55 0.13 60);
  --cb-warning-mark: oklch(0.66 0.16 60);
  --cb-warning-tint: oklch(0.97 0.035 70);
  --cb-danger: oklch(0.55 0.2 27);
  --cb-danger-tint: oklch(0.965 0.016 27);
  --cb-info: oklch(0.52 0.125 245);
  --cb-info-tint: oklch(0.96 0.02 245);
  --cb-whatsapp: oklch(0.52 0.13 150);
  --cb-danger-fill: oklch(0.55 0.2 27);
  --cb-whatsapp-fill: oklch(0.52 0.13 150);
  --cb-focus: oklch(0.25 0.07 266);
  --cb-inverse: oklch(0.25 0.07 266);
  --cb-on-inverse: oklch(0.985 0.004 265);
  --cb-chart-1: #107550;
  --cb-chart-2: #e2aa12;
  --cb-chart-3: #2a78d6;
  --cb-chart-4: #eb6834;
  --cb-chart-5: #0091ad;
  --cb-chart-6: #e34948;
  --cb-chart-7: #4a3aa7;
  --cb-chart-8: #e87ba4;
  --cb-chart-focus: #107550;
  --cb-chart-context: #80c4a2;
  --cb-chart-ramp-1: #80c4a2;
  --cb-chart-ramp-2: #4fa880;
  --cb-chart-ramp-3: #268a62;
  --cb-chart-ramp-4: #0a6c49;
  --cb-chart-ramp-5: #005034;
  --cb-shadow-card: 0 1px 2px oklch(0.25 0.07 266/.06), 0 4px 12px oklch(0.25 0.07 266/.08);
  --cb-shadow-float: 0 2px 4px oklch(0.25 0.07 266/.06), 0 16px 40px oklch(0.25 0.07 266/.14);
}
html[data-theme="dark"] {
  color-scheme: dark;
  --cb-paper: oklch(0.17 0.02 266);
  --cb-surface: oklch(0.215 0.024 266);
  --cb-sunken: oklch(0.195 0.022 266);
  --cb-well: oklch(0.25 0.024 266);
  --cb-line: oklch(0.32 0.025 266);
  --cb-line-strong: oklch(0.55 0.025 266);
  --cb-ink: oklch(0.96 0.006 265);
  --cb-ink-2: oklch(0.85 0.015 265);
  --cb-ink-3: oklch(0.72 0.02 265);
  --cb-accent: oklch(0.5 0.105 162);
  --cb-on-accent: #ffffff;
  --cb-accent-hover: oklch(0.45 0.1 162);
  --cb-accent-ink: oklch(0.8 0.14 160);
  --cb-accent-tint: oklch(0.25 0.04 162);
  --cb-accent-bright: oklch(0.8 0.15 160);
  --cb-board: oklch(0.24 0.045 165);
  --cb-board-muted: oklch(0.8 0.03 265);
  --cb-haldi: oklch(0.86 0.165 88);
  --cb-haldi-wash: oklch(0.27 0.045 90);
  --cb-haldi-ink: oklch(0.86 0.12 88);
  --cb-success: oklch(0.74 0.14 150);
  --cb-success-tint: oklch(0.27 0.045 150);
  --cb-warning: oklch(0.8 0.14 75);
  --cb-warning-mark: oklch(0.8 0.14 75);
  --cb-warning-tint: oklch(0.28 0.045 70);
  --cb-danger: oklch(0.72 0.17 25);
  --cb-danger-tint: oklch(0.27 0.05 25);
  --cb-info: oklch(0.75 0.1 245);
  --cb-info-tint: oklch(0.27 0.04 245);
  --cb-whatsapp: oklch(0.74 0.14 150);
  --cb-danger-fill: oklch(0.55 0.2 27);
  --cb-whatsapp-fill: oklch(0.52 0.13 150);
  --cb-focus: oklch(0.86 0.165 88);
  --cb-inverse: oklch(0.32 0.03 266);
  --cb-on-inverse: oklch(0.96 0.006 265);
  --cb-chart-1: #2ca470;
  --cb-chart-2: #be8b0f;
  --cb-chart-3: #3987e5;
  --cb-chart-4: #d95926;
  --cb-chart-5: #139cb6;
  --cb-chart-6: #e66767;
  --cb-chart-7: #9085e9;
  --cb-chart-8: #d55181;
  --cb-chart-focus: #2ca470;
  --cb-chart-context: #235941;
  --cb-chart-ramp-1: #235941;
  --cb-chart-ramp-2: #297a58;
  --cb-chart-ramp-3: #379b6f;
  --cb-chart-ramp-4: #4cbd88;
  --cb-chart-ramp-5: #6fdea7;
  --cb-shadow-card: 0 1px 2px oklch(0 0 0/.35), 0 4px 12px oklch(0 0 0/.3);
  --cb-shadow-float: 0 2px 4px oklch(0 0 0/.35), 0 16px 40px oklch(0 0 0/.5);
}
@media (prefers-reduced-motion: reduce) { :root { --cb-dur-fast: 0ms; --cb-dur: 0ms; --cb-dur-slow: 0ms; } }
/* Force one theme on a part of the page (side-by-side previews, a light print area in dark mode). */
.cb-theme-light {
  color-scheme: light;
  --cb-paper: oklch(0.985 0.004 265);
  --cb-surface: oklch(1 0 0);
  --cb-sunken: oklch(0.972 0.006 265);
  --cb-well: oklch(0.945 0.009 265);
  --cb-line: oklch(0.9 0.012 265);
  --cb-line-strong: oklch(0.62 0.02 265);
  --cb-ink: oklch(0.25 0.07 266);
  --cb-ink-2: oklch(0.38 0.045 266);
  --cb-ink-3: oklch(0.5 0.025 265);
  --cb-accent: oklch(0.5 0.105 162);
  --cb-on-accent: #ffffff;
  --cb-accent-hover: oklch(0.45 0.1 162);
  --cb-accent-ink: oklch(0.46 0.095 162);
  --cb-accent-tint: oklch(0.967 0.025 162);
  --cb-accent-bright: oklch(0.8 0.15 160);
  --cb-board: oklch(0.24 0.045 165);
  --cb-board-muted: oklch(0.8 0.03 265);
  --cb-haldi: oklch(0.86 0.165 88);
  --cb-haldi-wash: oklch(0.967 0.045 95);
  --cb-haldi-ink: oklch(0.5 0.1 75);
  --cb-success: oklch(0.52 0.13 150);
  --cb-success-tint: oklch(0.965 0.03 150);
  --cb-warning: oklch(0.55 0.13 60);
  --cb-warning-mark: oklch(0.66 0.16 60);
  --cb-warning-tint: oklch(0.97 0.035 70);
  --cb-danger: oklch(0.55 0.2 27);
  --cb-danger-tint: oklch(0.965 0.016 27);
  --cb-info: oklch(0.52 0.125 245);
  --cb-info-tint: oklch(0.96 0.02 245);
  --cb-whatsapp: oklch(0.52 0.13 150);
  --cb-danger-fill: oklch(0.55 0.2 27);
  --cb-whatsapp-fill: oklch(0.52 0.13 150);
  --cb-focus: oklch(0.25 0.07 266);
  --cb-inverse: oklch(0.25 0.07 266);
  --cb-on-inverse: oklch(0.985 0.004 265);
  --cb-chart-1: #107550;
  --cb-chart-2: #e2aa12;
  --cb-chart-3: #2a78d6;
  --cb-chart-4: #eb6834;
  --cb-chart-5: #0091ad;
  --cb-chart-6: #e34948;
  --cb-chart-7: #4a3aa7;
  --cb-chart-8: #e87ba4;
  --cb-chart-focus: #107550;
  --cb-chart-context: #80c4a2;
  --cb-chart-ramp-1: #80c4a2;
  --cb-chart-ramp-2: #4fa880;
  --cb-chart-ramp-3: #268a62;
  --cb-chart-ramp-4: #0a6c49;
  --cb-chart-ramp-5: #005034;
  --cb-shadow-card: 0 1px 2px oklch(0.25 0.07 266/.06), 0 4px 12px oklch(0.25 0.07 266/.08);
  --cb-shadow-float: 0 2px 4px oklch(0.25 0.07 266/.06), 0 16px 40px oklch(0.25 0.07 266/.14);
}
.cb-theme-dark {
  color-scheme: dark;
  --cb-paper: oklch(0.17 0.02 266);
  --cb-surface: oklch(0.215 0.024 266);
  --cb-sunken: oklch(0.195 0.022 266);
  --cb-well: oklch(0.25 0.024 266);
  --cb-line: oklch(0.32 0.025 266);
  --cb-line-strong: oklch(0.55 0.025 266);
  --cb-ink: oklch(0.96 0.006 265);
  --cb-ink-2: oklch(0.85 0.015 265);
  --cb-ink-3: oklch(0.72 0.02 265);
  --cb-accent: oklch(0.5 0.105 162);
  --cb-on-accent: #ffffff;
  --cb-accent-hover: oklch(0.45 0.1 162);
  --cb-accent-ink: oklch(0.8 0.14 160);
  --cb-accent-tint: oklch(0.25 0.04 162);
  --cb-accent-bright: oklch(0.8 0.15 160);
  --cb-board: oklch(0.24 0.045 165);
  --cb-board-muted: oklch(0.8 0.03 265);
  --cb-haldi: oklch(0.86 0.165 88);
  --cb-haldi-wash: oklch(0.27 0.045 90);
  --cb-haldi-ink: oklch(0.86 0.12 88);
  --cb-success: oklch(0.74 0.14 150);
  --cb-success-tint: oklch(0.27 0.045 150);
  --cb-warning: oklch(0.8 0.14 75);
  --cb-warning-mark: oklch(0.8 0.14 75);
  --cb-warning-tint: oklch(0.28 0.045 70);
  --cb-danger: oklch(0.72 0.17 25);
  --cb-danger-tint: oklch(0.27 0.05 25);
  --cb-info: oklch(0.75 0.1 245);
  --cb-info-tint: oklch(0.27 0.04 245);
  --cb-whatsapp: oklch(0.74 0.14 150);
  --cb-danger-fill: oklch(0.55 0.2 27);
  --cb-whatsapp-fill: oklch(0.52 0.13 150);
  --cb-focus: oklch(0.86 0.165 88);
  --cb-inverse: oklch(0.32 0.03 266);
  --cb-on-inverse: oklch(0.96 0.006 265);
  --cb-chart-1: #2ca470;
  --cb-chart-2: #be8b0f;
  --cb-chart-3: #3987e5;
  --cb-chart-4: #d95926;
  --cb-chart-5: #139cb6;
  --cb-chart-6: #e66767;
  --cb-chart-7: #9085e9;
  --cb-chart-8: #d55181;
  --cb-chart-focus: #2ca470;
  --cb-chart-context: #235941;
  --cb-chart-ramp-1: #235941;
  --cb-chart-ramp-2: #297a58;
  --cb-chart-ramp-3: #379b6f;
  --cb-chart-ramp-4: #4cbd88;
  --cb-chart-ramp-5: #6fdea7;
  --cb-shadow-card: 0 1px 2px oklch(0 0 0/.35), 0 4px 12px oklch(0 0 0/.3);
  --cb-shadow-float: 0 2px 4px oklch(0 0 0/.35), 0 16px 40px oklch(0 0 0/.5);
}