/* Generated from the Heatable Dashboard UI design system. Edit the design system, then re-copy. */
:root, [data-theme="light"] { --app: oklch(0.972 0.0025 264); --sheet: oklch(1 0 0); --rail: oklch(0.988 0.0015 264); --raise: oklch(1 0 0); --fill: oklch(0.93 0.004 264); --hover: oklch(0.975 0.002 264); --well: oklch(0.96 0.003 264); --tp: oklch(0.24 0.01 260); --t2: oklch(0.37 0.014 260); --ts: oklch(0.52 0.02 260); --tq: oklch(0.64 0.015 260); --bd: oklch(0.925 0.003 264); --bd2: oklch(0.953 0.002 264); --ok-bg: oklch(0.95 0.045 158); --ok-fg: oklch(0.42 0.11 158); --ok: oklch(0.56 0.13 158); --warn-bg: oklch(0.955 0.055 70); --warn-fg: oklch(0.5 0.13 55); --warn: oklch(0.72 0.16 60); --bad-bg: oklch(0.95 0.035 25); --bad-fg: oklch(0.5 0.17 25); --bad: oklch(0.6 0.2 25); --info-bg: oklch(0.95 0.03 250); --info-fg: oklch(0.45 0.14 255); --pur-bg: oklch(0.95 0.035 300); --pur-fg: oklch(0.45 0.17 300); --mk: oklch(0.1408 0.0044 285.8); --accent: oklch(0.4547 0.2633 264); --on-accent: oklch(1 0 0); --accent-text: oklch(from var(--accent) min(l, 0.5) c h); --map-land: oklch(0.95 0.02 140); --map-road: oklch(1 0 0); --map-water: oklch(0.88 0.04 230); --map-line: oklch(0.88 0.03 140); --ring: 0 0 0 1px oklch(0 0 0 / 0.07), 0 1px 3px oklch(0 0 0 / 0.05); --lift: 0 0 0 1px oklch(0 0 0 / 0.06), 0 1px 2px oklch(0 0 0 / 0.05); --pop: 0 0 0 1px oklch(0 0 0 / 0.08), 0 16px 40px oklch(0 0 0 / 0.16); }
:is(.dark, [data-theme="dark"]) { --app: oklch(0.165 0.005 270); --sheet: oklch(0.198 0.006 270); --rail: oklch(0.187 0.005 270); --raise: oklch(0.245 0.008 270); --fill: oklch(1 0 0 / 0.08); --hover: oklch(1 0 0 / 0.035); --well: oklch(1 0 0 / 0.05); --tp: oklch(0.95 0.003 250); --t2: oklch(0.84 0.008 260); --ts: oklch(0.71 0.014 260); --tq: oklch(0.56 0.018 264); --bd: oklch(1 0 0 / 0.08); --bd2: oklch(1 0 0 / 0.05); --ok-bg: oklch(0.6 0.12 158 / 0.18); --ok-fg: oklch(0.82 0.1 158); --ok: oklch(0.68 0.13 158); --warn-bg: oklch(0.7 0.14 65 / 0.18); --warn-fg: oklch(0.85 0.11 70); --warn: oklch(0.75 0.15 62); --bad-bg: oklch(0.6 0.18 25 / 0.2); --bad-fg: oklch(0.82 0.11 25); --bad: oklch(0.68 0.19 25); --info-bg: oklch(0.6 0.15 255 / 0.2); --info-fg: oklch(0.82 0.09 255); --pur-bg: oklch(0.6 0.17 300 / 0.2); --pur-fg: oklch(0.84 0.1 300); --mk: oklch(0.97 0 0); --accent: oklch(0.4547 0.2633 264); --on-accent: oklch(1 0 0); --accent-text: oklch(from var(--accent) 0.74 min(c, 0.15) h); --map-land: oklch(0.24 0.012 160); --map-road: oklch(0.33 0.008 260); --map-water: oklch(0.3 0.04 240); --map-line: oklch(0.29 0.012 160); --ring: 0 0 0 1px oklch(1 0 0 / 0.07); --lift: 0 0 0 1px oklch(1 0 0 / 0.08); --pop: 0 0 0 1px oklch(1 0 0 / 0.1), 0 16px 40px oklch(0 0 0 / 0.5); }
:root { --space-2: 2px; --space-4: 4px; --space-6: 6px; --space-8: 8px; --space-10: 10px; --space-12: 12px; --space-14: 14px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-32: 32px; --space-40: 40px; --space-56: 56px; --radius-4: 4px; --radius-5: 5px; --radius-6: 6px; --radius-7: 7px; --radius-8: 8px; --radius-9: 9px; --radius-10: 10px; --radius-12: 12px; --radius-14: 14px; --radius-999: 999px; --h-button: 30px; --h-button-sm: 26px; --h-input: 32px; --h-row: 42px; --h-topbar: 46px; --w-sidebar: 236px; --w-rail: 330px; --w-drawer: 380px; --font-sans: ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Segoe UI", sans-serif; --font-mono: ui-monospace, "SF Mono", Menlo, monospace; }