:root{--bg-dark:oklch(0.92 0.05 345);--bg:oklch(0.96 0.05 345);--bg-light:oklch(1 0.05 345);--bg-light-opacity75:oklch(1 0.05 345 / 0.75);--text:oklch(0.15 0.08 345);--text-muted:oklch(0.5 0.08 345);--highlight:oklch(0.5 0.2 345);--border:oklch(0.6 0.08 340);--border-muted:oklch(0.7 0.08 340);--primary:oklch(0.8 0.15 345);--secondary:oklch(0.4 0.1 160);--shadow-s:inset 0 1px 2px oklch(0.8 0.15 345 / 25%),0 1px 2px oklch(0.15 0.08 345 / 25%),0 2px 4px oklch(0.3 0.08 345 / 25%);--shadow-m:inset 0 1px 2px oklch(0.8 0.15 345 / 25%),0 2px 4px oklch(0.15 0.08 345 / 25%),0 4px 8px oklch(0.3 0.08 345 / 25%);--shadow-l:inset 0 1px 2px oklch(0.8 0.15 345 / 25%),0 4px 6px oklch(0.15 0.08 345 / 25%),0 4px 8px oklch(0.3 0.08 345 / 25%);--shadow-inset:inset 0 -1px 2px oklch(0.8 0.15 345 / 25%),inset 0 4px 6px oklch(0.15 0.08 345 / 25%),inset 0 4px 8px oklch(0.3 0.08 345 / 25%)}body.dark{--bg-dark:oklch(0.15 0.04 340);--bg:oklch(0.1 0.04 340);--bg-light:oklch(0.05 0.04 340);--bg-light-opacity75:oklch(0.05 0.04 340 / 0.75);--text:oklch(0.9 0.08 340);--text-muted:oklch(0.6 0.08 340);--highlight:oklch(0 0.08 340);--border:oklch(0.4 0.08 340);--border-muted:oklch(0.3 0.08 340);--primary:oklch(0.6 0.1 340);--secondary:oklch(0.6 0.1 160)}