:root{--hue: 260;--chroma: .15}:root{--chroma-bg: calc(var(--chroma) * .5);--chroma-text: min(var(--chroma), .1);--chroma-action: max(var(--chroma), .1);--chroma-alert: max(var(--chroma), .05);--hue-secondary: mod(calc(var(--hue) + 180), 360)}:root{--bg-dark: oklch(.1 var(--chroma-bg) var(--hue));--bg: oklch(.15 var(--chroma-bg) var(--hue));--bg-light: oklch(.2 var(--chroma-bg) var(--hue));--text: oklch(.96 var(--chroma-text) var(--hue));--text-muted: oklch(.76 var(--chroma-text) var(--hue));--highlight: oklch(.5 var(--chroma) var(--hue));--border: oklch(.4 var(--chroma) var(--hue));--border-muted: oklch(.3 var(--chroma) var(--hue));--primary: oklch(.76 var(--chroma-action) var(--hue));--secondary: oklch(.76 var(--chroma-action) var(--hue-secondary));--danger: oklch(.7 var(--chroma-alert) 30);--warning: oklch(.7 var(--chroma-alert) 100);--success: oklch(.7 var(--chroma-alert) 160);--info: oklch(.7 var(--chroma-alert) 260);--glass-bg: oklch(.2 var(--chroma-bg) var(--hue) / .65);--glass-border: oklch(.4 var(--chroma) var(--hue) / .5)}[data-theme=light]{--bg-dark: oklch(.92 var(--chroma-bg) var(--hue));--bg: oklch(.96 var(--chroma-bg) var(--hue));--bg-light: oklch(1 var(--chroma-bg) var(--hue));--text: oklch(.15 var(--chroma) var(--hue));--text-muted: oklch(.4 var(--chroma) var(--hue));--highlight: oklch(1 var(--chroma) var(--hue));--border: oklch(.6 var(--chroma) var(--hue));--border-muted: oklch(.7 var(--chroma) var(--hue));--primary: oklch(.4 var(--chroma-action) var(--hue));--secondary: oklch(.4 var(--chroma-action) var(--hue-secondary));--danger: oklch(.5 var(--chroma-alert) 30);--warning: oklch(.5 var(--chroma-alert) 100);--success: oklch(.5 var(--chroma-alert) 160);--info: oklch(.5 var(--chroma-alert) 260);--glass-bg: oklch(.98 .02 var(--hue) / .65);--glass-border: oklch(.7 var(--chroma) var(--hue) / .5)}body{background:var(--bg);color:var(--text);margin:0}