/* Shared palette and language controls for the homepage and both roadmaps. */
:root {
  color-scheme: light;
  --paper: #faf9f6;
  --ink: #292b2c;
  --muted: #75736c;
  --line: #dfdfd8;
  --accent: #74558d;
  --accent-hover: #614477;
  --purple: var(--accent);
  --green: #416b51;
  --amber: #90661b;
  --next: #77658f;
}
.language-switcher { display: flex; gap: 2px; align-items: center; }
.language-switcher button, .language-switcher a {
  display: inline-flex; justify-content: center; align-items: center;
  border: 0; background: transparent; color: var(--muted);
  min-width: 36px; min-height: 40px; padding: 6px;
  border-radius: 4px; font-size: 12px; line-height: 1.6; text-decoration: none;
}
.language-switcher button[aria-pressed="true"], .language-switcher a[aria-current="page"] {
  background: #ebe5f0; color: var(--accent-hover); font-weight: 600;
}
.language-switcher { flex-wrap: wrap; }
.language-switcher a { padding: 6px 9px; white-space: nowrap; }