/* n0madz.xyz v0.2 — Quiet Ink design bridge. No Ghost-specific selectors. */
:root, html[data-palette="Paper"] {
  color-scheme: light;
  --color-bg:#ede4d3; --color-surface:#f6eee0; --color-surface-alt:#e6dbc9;
  --color-text:#2b251e; --color-text-soft:#473d32; --color-muted:#65594b;
  --color-border:#b5a48d; --color-border-strong:#8e7f6c;
  --color-accent:#236747; --color-accent-hover:#194e36;
  --color-secondary:#236747; --color-secondary-hover:#194e36;
  --color-link:#236747; --color-link-hover:#194e36; --color-focus:#236747;
  --color-code-bg:#e6dbc9; --color-ornament:#236747;
  --color-selection-bg:#d4e1d3; --color-selection-text:#2b251e;
}
html[data-palette="Kanagawa"] {
  color-scheme: dark;
  --color-bg:#1f1f28; --color-surface:#2a2a37; --color-surface-alt:#363646;
  --color-text:#dcd7ba; --color-text-soft:#d0cba9; --color-muted:#b8b4ac;
  --color-border:#666680; --color-border-strong:#8a89a6;
  --color-accent:#ed86b7; --color-accent-hover:#ffc0dd;
  --color-secondary:#98bb6c; --color-secondary-hover:#b4d078;
  --color-link:#ed86b7; --color-link-hover:#ffc0dd; --color-focus:#ed86b7;
  --color-code-bg:#2b2b36; --color-ornament:#ed86b7;
  --color-selection-bg:#463343; --color-selection-text:#dcd7ba;
}
html[data-palette="Everforest"] {
  color-scheme: dark;
  --color-bg:#2d353b; --color-surface:#343f44; --color-surface-alt:#374247;
  --color-text:#d3c6aa; --color-text-soft:#d0c7b2; --color-muted:#b4bdb3;
  --color-border:#64716b; --color-border-strong:#89938c;
  --color-accent:#e28b78; --color-accent-hover:#ffc0aa;
  --color-secondary:#a7c080; --color-secondary-hover:#c1d89a;
  --color-link:#e28b78; --color-link-hover:#ffc0aa; --color-focus:#e28b78;
  --color-code-bg:#374247; --color-ornament:#e28b78;
  --color-selection-bg:#493d3d; --color-selection-text:#d3c6aa;
}
html[data-palette="Tokyo Night"] {
  color-scheme: dark;
  --color-bg:#1a1b26; --color-surface:#24283b; --color-surface-alt:#30354e;
  --color-text:#c0caf5; --color-text-soft:#c0c9ee; --color-muted:#aeb9e2;
  --color-border:#535d80; --color-border-strong:#7480a6;
  --color-accent:#ff79c6; --color-accent-hover:#ffb5e0;
  --color-secondary:#9ece6a; --color-secondary-hover:#b4e890;
  --color-link:#ff79c6; --color-link-hover:#ffb5e0; --color-focus:#ff79c6;
  --color-code-bg:#24283b; --color-ornament:#ff79c6;
  --color-selection-bg:#403047; --color-selection-text:#c0caf5;
}
/* Exact font families follow Quiet Ink; system fallbacks until fonts are installed locally. */
:root { --font-literary:"IM Fell English", Georgia, Cambria, serif;
  --font-accessible:"Atkinson Hyperlegible Next", Arial, system-ui, sans-serif;
  --font-reading-mono:"Cascadia Mono", Consolas, ui-monospace, monospace;
  --font-ui:"Departure Mono", "Cascadia Mono", ui-monospace, monospace;
  --font-body:var(--font-literary); --font-display:var(--font-literary); --font-mono:var(--font-ui);
}
html[data-reading="Atkinson Hyperlegible Next"] {
  --font-body:var(--font-accessible); --font-display:var(--font-accessible);
}
html[data-reading="Cascadia Mono"] {
  --font-body:var(--font-reading-mono); --font-display:var(--font-reading-mono);
}
/* Quiet Ink's text-first aesthetic adapted to the hub's wider layout. */
:root { --radius-card:0.2rem; --line-height-body:1.72; }
.site-header { border-bottom-color:var(--color-border); }
.site-title { font-weight:400; }
.intro h1 { font-weight:400; }
.ornament { font-family:var(--font-ui); }
.site-footer { background:var(--color-surface); }
.destination--primary { border-top-color:var(--color-accent); }
.appearance-control { grid-area:theme; justify-self:end; position:relative; font-family:var(--font-ui); }
.appearance-details summary { display:inline-flex; align-items:center; gap:.45rem; list-style-position:inside;
  cursor:pointer; border:1px solid var(--color-border); padding:.45rem .7rem;
  background:var(--color-surface); color:var(--color-accent); font-size:.8rem; }
.appearance-details summary:hover { background:var(--color-surface-alt); }
.appearance-panel { position:absolute; z-index:50; right:0; top:calc(100% + .4rem); width:min(17rem,calc(100vw - 2rem));
  padding:1rem; border:1px solid var(--color-border-strong); background:var(--color-surface);
  box-shadow:var(--shadow-deep); display:grid; gap:.45rem; }
.appearance-panel label { margin-top:.3rem; color:var(--color-text); font-weight:600; font-size:.8rem; }
.appearance-panel select,.appearance-panel button { min-width:0; width:100%; padding:.5rem;
  border:1px solid var(--color-border); background:var(--color-bg); color:var(--color-text); font:inherit; font-size:.8rem; }
.appearance-panel button { cursor:pointer; margin-top:.6rem; }
.appearance-panel button:hover { border-color:var(--color-accent); }
@media(max-width:36rem) { .appearance-control { justify-self:start; } .appearance-panel { left:0; right:auto; } }