:root {
  /* Dark mode palette (always on) */
  --lch-black: 100% 0 0;
  --lch-white: 0% 0 0;
  --lch-gray: 25.2% 0 0;
  --lch-gray-dark: 30.12% 0 0;
  --lch-gray-darker: 44.95% 0 0;
  --lch-blue: 72.25% 0.16 248;
  --lch-blue-light: 28.11% 0.053 248;
  --lch-blue-dark: 42.25% 0.07 248;
  --lch-orange: 70% 0.2 44;
  --lch-red: 73.8% 0.184 29.18;
  --lch-green: 75% 0.21 141.89;
  --lch-always-black: 0% 0 0;

  /* Abstractions */
  --color-negative: oklch(var(--lch-red));
  --color-positive: oklch(var(--lch-green));
  --color-bg: oklch(var(--lch-white));
  --color-message-bg: oklch(var(--lch-gray));
  --color-text: oklch(var(--lch-black));
  --color-text-reversed: oklch(var(--lch-white));
  --color-link: oklch(var(--lch-blue));
  --color-border: oklch(var(--lch-gray));
  --color-border-dark: oklch(var(--lch-gray-dark));
  --color-border-darker: oklch(var(--lch-gray-darker));
  --color-selected: oklch(var(--lch-blue-light));
  --color-selected-dark: oklch(var(--lch-blue-dark));
  --color-alert: oklch(var(--lch-orange));
}

:root[data-theme="mideval"] {
  /* Warm parchment + brass accents inspired by KCD2 menus */
  --lch-black: 92% 0.04 86;
  --lch-white: 14% 0.02 72;
  --lch-gray: 22% 0.03 72;
  --lch-gray-dark: 30% 0.03 72;
  --lch-gray-darker: 46% 0.04 72;
  --lch-blue: 82% 0.12 90;
  --lch-blue-light: 26% 0.07 90;
  --lch-blue-dark: 38% 0.09 90;
  --lch-orange: 72% 0.14 56;
  --lch-red: 70% 0.17 30;
  --lch-green: 74% 0.16 142;
}

:root[data-theme="ember"] {
  /* Burnished copper + deep brown */
  --lch-black: 92% 0.04 60;
  --lch-white: 10% 0.03 35;
  --lch-gray: 18% 0.04 35;
  --lch-gray-dark: 26% 0.04 35;
  --lch-gray-darker: 40% 0.05 35;
  --lch-blue: 80% 0.18 45;
  --lch-blue-light: 24% 0.1 45;
  --lch-blue-dark: 36% 0.12 45;
  --lch-orange: 76% 0.2 55;
  --lch-red: 72% 0.2 30;
  --lch-green: 72% 0.16 145;
}

:root[data-theme="sage"] {
  /* Cool green slate */
  --lch-black: 92% 0.03 150;
  --lch-white: 12% 0.02 160;
  --lch-gray: 20% 0.03 160;
  --lch-gray-dark: 28% 0.03 160;
  --lch-gray-darker: 42% 0.04 160;
  --lch-blue: 82% 0.12 170;
  --lch-blue-light: 24% 0.06 170;
  --lch-blue-dark: 36% 0.08 170;
  --lch-orange: 72% 0.13 80;
  --lch-red: 70% 0.17 25;
  --lch-green: 78% 0.18 150;
}

:root[data-theme="noir"] {
  /* Graphite + ice blue */
  --lch-black: 96% 0.02 250;
  --lch-white: 8% 0.02 260;
  --lch-gray: 16% 0.02 260;
  --lch-gray-dark: 24% 0.02 260;
  --lch-gray-darker: 38% 0.03 260;
  --lch-blue: 86% 0.18 230;
  --lch-blue-light: 26% 0.1 230;
  --lch-blue-dark: 40% 0.12 230;
  --lch-orange: 74% 0.18 55;
  --lch-red: 72% 0.2 30;
  --lch-green: 78% 0.18 150;
}

:root[data-theme="oasis"] {
  /* Turquoise + sunbaked sand */
  --lch-black: 92% 0.03 170;
  --lch-white: 12% 0.02 170;
  --lch-gray: 20% 0.03 170;
  --lch-gray-dark: 28% 0.03 170;
  --lch-gray-darker: 42% 0.04 170;
  --lch-blue: 82% 0.14 190;
  --lch-blue-light: 26% 0.08 190;
  --lch-blue-dark: 38% 0.1 190;
  --lch-orange: 74% 0.14 80;
  --lch-red: 70% 0.17 25;
  --lch-green: 78% 0.18 150;
}

:root[data-theme="citrus"] {
  /* Electric lime + charcoal */
  --lch-black: 94% 0.03 115;
  --lch-white: 10% 0.02 115;
  --lch-gray: 18% 0.03 115;
  --lch-gray-dark: 26% 0.03 115;
  --lch-gray-darker: 40% 0.04 115;
  --lch-blue: 86% 0.16 120;
  --lch-blue-light: 26% 0.09 120;
  --lch-blue-dark: 38% 0.11 120;
  --lch-orange: 76% 0.18 65;
  --lch-red: 72% 0.2 30;
  --lch-green: 80% 0.22 135;
}

:root[data-theme="harbor"] {
  /* Deep navy + sea glass */
  --lch-black: 94% 0.03 210;
  --lch-white: 9% 0.02 210;
  --lch-gray: 18% 0.03 210;
  --lch-gray-dark: 26% 0.03 210;
  --lch-gray-darker: 40% 0.04 210;
  --lch-blue: 84% 0.14 200;
  --lch-blue-light: 26% 0.08 200;
  --lch-blue-dark: 38% 0.1 200;
  --lch-orange: 74% 0.16 60;
  --lch-red: 72% 0.2 25;
  --lch-green: 78% 0.18 150;
}