:root{
  --bg:#f6f2ea;--surface:#fefcf9;--text:#171310;--text-2:#5c564d;--text-3:#928c80;
  --border:rgba(23,19,16,.12)
}
:root[data-theme="dark"]{
  --bg:#14110e;--surface:#211b15;--text:#f5f1ea;--text-2:#c9c2b4;--text-3:#9a9082;
  --border:rgba(255,255,255,.12)
}
.theme-toggle{
  position:fixed;top:1.25rem;right:1.25rem;display:inline-flex;gap:2px;padding:2px;
  border:1px solid var(--border);border-radius:999px;background:var(--surface)
}
.theme-toggle button{
  display:flex;align-items:center;justify-content:center;
  border:0;background:transparent;color:var(--text-3);
  width:1.9rem;height:1.9rem;padding:0;border-radius:999px;cursor:pointer
}
.theme-toggle button svg{display:block}
.theme-toggle button[aria-pressed="true"]{background:var(--text);color:var(--bg)}
.lang-toggle{
  position:fixed;top:1.25rem;left:1.25rem;font-size:.7rem;color:var(--text-3);
  text-decoration:none;padding:.35rem .65rem;border:1px solid var(--border);
  border-radius:999px;background:var(--surface)
}
.lang-toggle:hover{color:var(--text)}