/* wagahai.org — the product's five themes as the site's, and the switch that
   picks one. Shared by every page; each page's own layout stays in the page. */
/* The product's five themes are the page's: without script the visitor's
   scheme picks kinari or nureba; with it, their clock picks the band. */
:root { color-scheme:light;
  --bg:#FBFAF5; --fg:#4A4846; --strong:#2B2523; --muted:#686E60; --line:#D9CFBC;
  --accent:#E25C00; --card:#F3EFE3;
  --t-bg:#FBFAF5; --t-surface:#F3EFE3; --t-border:#D9CFBC; --t-fg:#4A4846;
  --t-strong:#2B2523; --t-muted:#686E60; --t-dim:#878A82; --t-accent:#E25C00;
  --t-accent2:#1E50A2; --t-sel:#F9E5D3; --t-warn:#A57A30; --t-agent:#745399; }
@media (prefers-color-scheme: dark) { :root { color-scheme:dark;
  --bg:#0B0E11; --fg:#D6D6DB; --strong:#EDEDF0; --muted:#8A929A; --line:#2A3139;
  --accent:#F6AD49; --card:#14191E;
  --t-bg:#0B0E11; --t-surface:#14191E; --t-border:#2A3139; --t-fg:#D6D6DB;
  --t-strong:#EDEDF0; --t-muted:#8A929A; --t-dim:#5C6670; --t-accent:#F6AD49;
  --t-accent2:#89C3EB; --t-sel:#2C2419; --t-warn:#E6B422; --t-agent:#A59ACA; } }
:root[data-theme="shinonome"] { color-scheme:dark;
  --bg:#1B141D; --fg:#ECE4DE; --strong:#F8F4E6; --muted:#B1AFCB; --line:#4A3850;
  --accent:#F19072; --card:#251C28;
  --t-bg:#1B141D; --t-surface:#251C28; --t-border:#4A3850; --t-fg:#ECE4DE;
  --t-strong:#F8F4E6; --t-muted:#B1AFCB; --t-dim:#8C7C8A; --t-accent:#F19072;
  --t-accent2:#F5B1AA; --t-sel:#3D2233; --t-warn:#F8B500; --t-agent:#BBBCDE; }
:root[data-theme="kinari"] { color-scheme:light;
  --bg:#FBFAF5; --fg:#4A4846; --strong:#2B2523; --muted:#686E60; --line:#D9CFBC;
  --accent:#E25C00; --card:#F3EFE3;
  --t-bg:#FBFAF5; --t-surface:#F3EFE3; --t-border:#D9CFBC; --t-fg:#4A4846;
  --t-strong:#2B2523; --t-muted:#686E60; --t-dim:#878A82; --t-accent:#E25C00;
  --t-accent2:#1E50A2; --t-sel:#F9E5D3; --t-warn:#A57A30; --t-agent:#745399; }
:root[data-theme="geppaku"] { color-scheme:light;
  --bg:#EEF5FB; --fg:#39445A; --strong:#223A70; --muted:#56707E; --line:#C1D8E1;
  --accent:#D7003A; --card:#F8FBFD;
  --t-bg:#EEF5FB; --t-surface:#F8FBFD; --t-border:#C1D8E1; --t-fg:#39445A;
  --t-strong:#223A70; --t-muted:#56707E; --t-dim:#7A8F97; --t-accent:#D7003A;
  --t-accent2:#165E83; --t-sel:#EBD3E0; --t-warn:#C96D00; --t-agent:#5654A2; }
:root[data-theme="kachi"] { color-scheme:dark;
  --bg:#101A33; --fg:#D5E3EE; --strong:#EAF4FC; --muted:#8496AD; --line:#2E4063;
  --accent:#F8B500; --card:#172444;
  --t-bg:#101A33; --t-surface:#172444; --t-border:#2E4063; --t-fg:#D5E3EE;
  --t-strong:#EAF4FC; --t-muted:#8496AD; --t-dim:#60739A; --t-accent:#F8B500;
  --t-accent2:#F0908D; --t-sel:#30302C; --t-warn:#F5E56B; --t-agent:#BBBCDE; }
:root[data-theme="nureba"] { color-scheme:dark;
  --bg:#0B0E11; --fg:#D6D6DB; --strong:#EDEDF0; --muted:#8A929A; --line:#2A3139;
  --accent:#F6AD49; --card:#14191E;
  --t-bg:#0B0E11; --t-surface:#14191E; --t-border:#2A3139; --t-fg:#D6D6DB;
  --t-strong:#EDEDF0; --t-muted:#8A929A; --t-dim:#5C6670; --t-accent:#F6AD49;
  --t-accent2:#89C3EB; --t-sel:#2C2419; --t-warn:#E6B422; --t-agent:#A59ACA; }
nav.lang { display:flex; justify-content:flex-end; align-items:center; gap:14px; padding:14px 0 0; font-size:.9rem; }
.themes { display:flex; gap:6px; align-items:center; }
.themes button { width:16px; height:16px; border-radius:50%; border:1px solid var(--line); padding:0;
  cursor:pointer; background:var(--sw); }
.themes button[aria-pressed="true"] { outline:2px solid var(--accent); outline-offset:2px; }
.themes button.auto { width:auto; height:auto; border:0; border-radius:4px; background:none; color:var(--muted);
  font:inherit; padding:0 4px; }
body, .quiet, .term, .demo, pre.install { transition:background-color .6s, color .6s, border-color .6s; }
nav.lang a { color:var(--muted); text-decoration:none; }
nav.lang a:hover { color:var(--accent); }