/* Shared product themes. Layout unchanged; token swap only. */
:root,
html[data-theme="c"] {
  --bg-100: #0b1522;
  --bg-200: #122033;
  --bg-300: #1a2c44;
  --border-100: #2a3f5c;
  --border-theme: #8f7344;
  --text-white: #eef2f7;
  --text-gray: #9aabbf;
  --theme: #d4b277;
  --theme-ink: #0b1522;
  --theme-rgb: 212, 178, 119;
  --accent-out: #6adbd9;
  --theme-start: #f4e700;
  --yellow-100: #ffe81a;
  --warn: #ffe81a;
  --warn-border: rgba(255, 232, 26, 0.35);
  --radius: 8px;
  --font: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --display: "Syne", "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  color-scheme: dark;
}

html[data-theme="b"] {
  --bg-100: #eef1f4;
  --bg-200: #ffffff;
  --bg-300: #e4e9ef;
  --border-100: #c9d1dc;
  --border-theme: #1f6b5c;
  --text-white: #14181f;
  --text-gray: #5b6573;
  --theme: #1f6b5c;
  --theme-ink: #f4fbf8;
  --theme-rgb: 31, 107, 92;
  --accent-out: #8a6a3a;
  --theme-start: #c4a000;
  --yellow-100: #e6b800;
  --warn: #7a5800;
  --warn-border: rgba(122, 88, 0, 0.45);
  --radius: 8px;
  --font: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --display: "Fraunces", "IBM Plex Sans", Georgia, serif;
  color-scheme: light;
}

html[data-theme="e"] {
  --bg-100: #050505;
  --bg-200: #0d0d0d;
  --bg-300: #161616;
  --border-100: #2a2a2a;
  --border-theme: #00e5c0;
  --text-white: #ffffff;
  --text-gray: #9a9a9a;
  --theme: #00e5c0;
  --theme-ink: #050505;
  --theme-rgb: 0, 229, 192;
  --accent-out: #ffffff;
  --theme-start: #f4e700;
  --yellow-100: #ffe81a;
  --warn: #ffe81a;
  --warn-border: rgba(255, 232, 26, 0.35);
  --radius: 2px;
  --font: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --display: "Space Grotesk", "Syne", ui-sans-serif, system-ui, sans-serif;
  color-scheme: dark;
}

/* Theme picker swatches: page ground + accent (not accent-only). */
.lang-menu .theme-swatch {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 1px solid var(--border-100);
  background: var(--bg-300);
}
.lang-menu .theme-swatch[data-swatch="c"] {
  background: linear-gradient(135deg, #0b1522 54%, #d4b277 54%);
  border-color: #2a3f5c;
}
.lang-menu .theme-swatch[data-swatch="b"] {
  background: linear-gradient(135deg, #eef1f4 54%, #1f6b5c 54%);
  border-color: #c9d1dc;
}
.lang-menu .theme-swatch[data-swatch="e"] {
  background: linear-gradient(135deg, #050505 54%, #00e5c0 54%);
  border-color: #2a2a2a;
}