/* vanmaya.app (ADR-048): the app's colours (Design Note 017: Ghee lamp, and Night chant in the dark) and the reader's
   own fonts, in sizes that follow the reader's own text size; nothing loaded from elsewhere. Links are the accent,
   semibold, never underlined. */
:root { --page: #fbf6ec; --ink: #2a1e12; --soft: #6b5b47; --accent: #a3480a; --surface: #f4ead8; --line: #eadcc4; }
@media (prefers-color-scheme: dark) { :root { --page: #121019; --ink: #f3e9d6; --soft: #ada294; --accent: #f0a84a; --surface: #1e1b28; --line: #2a2636; } }
body { margin: 0; background: var(--page); color: var(--ink); font: 1.0625rem/1.6 system-ui, -apple-system, "Segoe UI", sans-serif; }
header { background: var(--page); border-bottom: 1px solid var(--line); padding: 12px 16px; }
header .name { color: var(--ink); font-weight: 600; }
main, footer { max-width: 40rem; margin: 0 auto; padding: 16px; }
h1 { font-size: 1.875rem; line-height: 1.25; margin: 16px 0 12px; }
h2 { font-size: 1.3125rem; margin: 28px 0 8px; }
p, li { color: var(--soft); }
a { color: var(--accent); font-weight: 600; text-decoration: none; }
.links li { margin: 8px 0; }
.draft { background: var(--surface); border-radius: 14px; padding: 8px 12px; color: var(--ink); }
.updated { font-size: 0.9375rem; }
footer { border-top: 1px solid var(--line); margin-top: 32px; font-size: 0.9375rem; }
footer nav a { white-space: nowrap; }
/* The logo above the wordmark, from the approved splash masters (ADR-155): the light look's, or the dark look's. */
.brand { margin: 24px 0 8px; text-align: center; }
.logo { width: min(240px, 70vw); height: auto; }
.logo-dark { display: none; }
@media (prefers-color-scheme: dark) { .logo-light { display: none; } .logo-dark { display: inline; } }