:root {
  color-scheme: dark;
  --surface: #160f18;
  --surface-raised: #231727;
  --body-bg:
    radial-gradient(circle at 18% 12%, rgb(85 214 139 / 0.12), transparent 30%),
    linear-gradient(135deg, #0b1113 0%, #160f18 48%, #101718 100%);
  --text: #f3eaf4;
  --muted: #b7a8bc;
  --accent: #55d68b;
  --accent-strong: #97f2bb;
  --border: #4c3853;
  --error: #ff8f8f;
  --link-highlight-bg: #14720e;
  --link-name: #2ee7ff;
  --shadow: 0 24px 80px rgb(0 0 0 / 0.38);
  font-family: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
}

[data-theme="github"] {
  color-scheme: dark;
  --surface: #0d1117;
  --surface-raised: #161b22;
  --body-bg:
    radial-gradient(circle at 18% 12%, rgb(88 166 255 / 0.12), transparent 30%),
    linear-gradient(135deg, #010409 0%, #0d1117 52%, #161b22 100%);
  --text: #e6edf3;
  --muted: #8b949e;
  --accent: #3fb950;
  --accent-strong: #58a6ff;
  --border: #30363d;
  --error: #ff7b72;
  --link-highlight-bg: #1f6feb;
  --link-name: #79c0ff;
  --shadow: 0 24px 80px rgb(1 4 9 / 0.52);
}

[data-theme="dracula"] {
  color-scheme: dark;
  --surface: #282a36;
  --surface-raised: #343746;
  --body-bg:
    radial-gradient(circle at 18% 12%, rgb(255 121 198 / 0.14), transparent 30%),
    linear-gradient(135deg, #191a21 0%, #282a36 50%, #1f2430 100%);
  --text: #f8f8f2;
  --muted: #bfb9d9;
  --accent: #50fa7b;
  --accent-strong: #bd93f9;
  --border: #6272a4;
  --error: #ff5555;
  --link-highlight-bg: #44475a;
  --link-name: #8be9fd;
  --shadow: 0 24px 80px rgb(15 15 20 / 0.48);
}

[data-theme="nord"] {
  color-scheme: dark;
  --surface: #2e3440;
  --surface-raised: #3b4252;
  --body-bg:
    radial-gradient(circle at 18% 12%, rgb(136 192 208 / 0.15), transparent 30%),
    linear-gradient(135deg, #242933 0%, #2e3440 52%, #364152 100%);
  --text: #eceff4;
  --muted: #d8dee9;
  --accent: #a3be8c;
  --accent-strong: #88c0d0;
  --border: #4c566a;
  --error: #bf616a;
  --link-highlight-bg: #5e81ac;
  --link-name: #8fbcbb;
  --shadow: 0 24px 80px rgb(20 24 31 / 0.46);
}

[data-theme="solarized"] {
  color-scheme: dark;
  --surface: #002b36;
  --surface-raised: #073642;
  --body-bg:
    radial-gradient(circle at 18% 12%, rgb(38 139 210 / 0.14), transparent 30%),
    linear-gradient(135deg, #001f27 0%, #002b36 50%, #073642 100%);
  --text: #eee8d5;
  --muted: #93a1a1;
  --accent: #859900;
  --accent-strong: #268bd2;
  --border: #586e75;
  --error: #dc322f;
  --link-highlight-bg: #2aa198;
  --link-name: #b58900;
  --shadow: 0 24px 80px rgb(0 31 39 / 0.5);
}

.theme-listing {
  display: grid;
  grid-template-columns: 2ch 12ch max-content;
  gap: 2px 12px;
  align-items: baseline;
}

.theme-current,
.theme-id {
  color: var(--accent-strong);
}

.theme-label,
.theme-hint {
  color: var(--muted);
}

.theme-heading {
  color: var(--text);
  font-weight: 700;
}

.theme-hint-spacer {
  min-height: 1em;
}

@media (max-width: 640px) {
  .theme-listing {
    grid-template-columns: 2ch 10ch 1fr;
    gap: 2px 8px;
  }
}