/* Language toggle component — single shared source.
   Values are the resolved equivalents of tokens.css's --surface/--border/--text-2/--grad
   custom properties, hardcoded here for pages that don't load tokens.css/layout.css
   (landing pages, legal pages). Pages that DO load the full cascade (index.html, docs.html)
   get the identical component from layout.css, which derives from the same tokens.
   Never redefine .lang-toggle/.lang-btn locally in a page's own <style> block — link this
   file instead so there is exactly one definition to update. */
.lang-toggle {
  display: flex; align-items: center; gap: 0.25rem;
  background: rgba(255,255,255,0.78); border: 1px solid rgba(99,155,230,0.16);
  border-radius: 8px; padding: 0.2rem;
}
.lang-btn {
  padding: 0.25rem 0.5rem; border: none; border-radius: 6px;
  background: transparent; color: #4a6a8f; cursor: pointer;
  font-family: 'Nunito', sans-serif; font-weight: 600; font-size: 0.78rem;
  transition: all 0.2s;
}
.lang-btn.active { background: linear-gradient(135deg, #3b82f6 0%, #14d9c4 100%); color: #fff; }