:root { color-scheme: light dark; --ink:#1E1416; --bg:#F6EFE8; --muted:#5E5050; --wine:#8E1B2B; --card:#FFFFFF; --line:#E3D6CC; --on-wine:#FFFFFF; --note:#F1E3D3; }
@media (prefers-color-scheme: dark) { :root { --ink:#F3EAE4; --bg:#1C1517; --muted:#B5A6A8; --wine:#F08A98; --card:#271D20; --line:#3E3034; --on-wine:#1C1517; --note:#33262A; } }
html[data-theme="dark"] { --ink:#F3EAE4; --bg:#1C1517; --muted:#B5A6A8; --wine:#F08A98; --card:#271D20; --line:#3E3034; --on-wine:#1C1517; --note:#33262A; }
html[data-theme="light"] { --ink:#1E1416; --bg:#F6EFE8; --muted:#5E5050; --wine:#8E1B2B; --card:#FFFFFF; --line:#E3D6CC; --on-wine:#FFFFFF; --note:#F1E3D3; }
@font-face { font-family: "Atkinson Hyperlegible Next"; src: url("/fonts/atkinson-next-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/fonts/jakarta-700-latin.woff2") format("woff2"); font-weight: 700; font-display: swap; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 17px/1.6 "Atkinson Hyperlegible Next", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 46rem; margin: 0 auto; padding: 32px 20px 64px; }
h1, h2, h3 { font-family: "Plus Jakarta Sans", system-ui, sans-serif; line-height: 1.25; }
h1 { font-size: 1.8rem; margin: 0 0 4px; }
h2 { font-size: 1.2rem; margin: 28px 0 8px; }
a { color: var(--wine); }
.muted { color: var(--muted); }
li { margin: 4px 0; }
footer.legal-links { margin-top: 40px; font-size: 0.95rem; color: var(--muted); }
footer.legal-links a { margin-right: 14px; }