:root {
  --bg: #ffffff;
  --bg-2: #f6f5f1;
  --bg-3: #eceae3;
  --text: #20201e;
  --text-2: #5f5e5a;
  --text-3: #8a8980;
  --border: rgba(20,20,18,0.14);
  --border-2: rgba(20,20,18,0.26);
  --accent: #0F6E56;
  --accent-ink: #04342C;
  --accent-soft: #E1F5EE;
  --ok: #0F6E56;
  --ok-soft: #9FE1CB;
  --warn-soft: #FAC775;
  --warn-ink: #633806;
  --radius: 10px;
  --radius-lg: 14px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", sans-serif;
  --shadow: 0 1px 2px rgba(0,0,0,0.04);
  --maxw-widget: 480px;
}
/* Dark-mode remap removed 2026-06-23: every Pikabo page is light (white bg, dark
   text) for a consistent look and reliable contrast, regardless of the visitor's
   OS theme. This kills the whole class of dark-on-dark bugs. The widget's opt-in
   dark theme (w.js theme="dark") is self-contained and is unaffected by this. */
:root { color-scheme: light; }
a:focus-visible, button:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}