/* home-v24 PAPER preview: colours mapped by ../../build_paper.py (paper_rgb) from /home-assets-2026-10-10/v18-night.css */
/* home-v18 NIGHT: the Renaissance hand on a lamp-black page, like an old star chart. Colours elsewhere come from build.py's
   one mapping (ink -> warm paper, paper -> ground); this file sets what should not simply invert: the ground, the gold,
   the buttons, the chart plates. Ground #0f0e0c (body: #131210 at the centre to #0b0a09 at the edges, fixed).
   Paper #ece4d4 · muted #b8ab93 · gold #c9a24e (text-safe on the ground: 7.4:1) · hairline rgba(236,228,212,.16). */
html[data-v18="night"]{--v18-hair:rgba(31,27,22,.17);--v18-hair-strong:rgba(31,27,22,.30);--v18-gold:#6b4a2b;--v18-gold-hi:#6b4a2b;
  --v18-paper:#1f1b16;--v18-muted:#4a433b;--v18-ground:#f8f5ef;color-scheme:light}
html[data-v18="night"],html[data-v18="night"] body,html[data-v18="night"] body.nb-site{
  background:#f8f5ef radial-gradient(ellipse 120% 90% at 50% 40%,#f8f5ef 0%,#f8f5ef 58%,#f8f5ef 100%) fixed!important;color:var(--v18-paper)!important}
html[data-v18="night"] #scene{opacity:.92!important}
html[data-v18="night"].e3-mapup #scene{opacity:1!important}

/* the bar: its own ground, one hairline */
html[data-v18="night"] .topbar{background:rgba(248,245,239,.97)!important;border-bottom:1px solid var(--v18-hair)!important}
html[data-v18="night"] .topbar .nav a:not(.m-btn){color:var(--v18-paper)!important}
html[data-v18="night"] .topbar .nav a:not(.m-btn):hover{color:var(--v18-gold-hi)!important}
html[data-v18="night"] .brand .nw,html[data-v18="night"] .brand .nlabs{color:var(--v18-paper)!important}

/* gold: the headline italic, the small-caps eyebrows, the status lines, links */
html[data-v18="night"] .m-hero h1 em{color:var(--v18-gold)!important}
html[data-v18="night"] .m-label,html[data-v18="night"] .m-label a,html[data-v18="night"] .a7d-kicker,html[data-v18="night"] .a7d-kicker a,
html[data-v18="night"] .m3kb-st,html[data-v18="night"] .m3j-tag,html[data-v18="night"] .m3-status,html[data-v18="night"] .m-status,
html[data-v18="night"] .m3-scope,html[data-v18="night"] .m3l-cap,html[data-v18="night"] .v11-theme,html[data-v18="night"] .m-rows dt,html[data-v18="night"] .m3-offer dt{color:var(--v18-gold)!important}
html[data-v18="night"] a,html[data-v18="night"] .m-link,html[data-v18="night"][data-btn] .m-hero-actions .m-link{color:var(--v18-gold-hi)!important;text-decoration-color:rgba(107,74,43,.5)!important}
html[data-v18="night"] .v4own,html[data-v18="night"] .a6-ask .v4own{color:var(--v18-gold-hi)!important;border-color:rgba(107,74,43,.6)!important}
html[data-v18="night"] a:hover,html[data-v18="night"] .m-link:hover{color:#431e00!important;text-decoration-color:var(--v18-gold)!important}
html[data-v18="night"] :focus-visible{outline-color:var(--v18-gold)!important}

/* buttons: hairline gold outlines */
html[data-v18="night"] .m-btn.m-btn-primary,html[data-v18="night"][data-btn] .m-btn.m-btn-primary,html[data-v18="night"].m3n-topdark .topbar .m-btn.m-btn-primary{
  background:transparent!important;color:var(--v18-gold-hi)!important;border:1px solid rgba(107,74,43,.8)!important}
html[data-v18="night"] .m-btn.m-btn-primary:hover,html[data-v18="night"][data-btn] .m-btn.m-btn-primary:hover,html[data-v18="night"] .m-btn.m-btn-primary:focus-visible{
  background:rgba(107,74,43,.10)!important;color:#431e00!important;border-color:var(--v18-gold-hi)!important}
html[data-v18="night"] .v4chip{color:var(--v18-paper)!important}
html[data-v18="night"] .v4chip:hover,html[data-v18="night"] .v4chip:focus-visible{border-color:var(--v18-gold)!important;color:var(--v18-gold-hi)!important}
html[data-v18="night"] input,html[data-v18="night"] textarea{color:var(--v18-paper)!important}
html[data-v18="night"] input::placeholder,html[data-v18="night"] textarea::placeholder{color:var(--v18-muted)!important}
html[data-v18="night"] .v4cite i,html[data-v18="night"] .a6-ask .v4cite i{background:var(--v18-gold)!important}

/* the chart PNGs (sepia on paper): a deliberate plate in the notebook, paper-toned down a little, one hairline around it */
html[data-v18="night"] .v11-fig img,html[data-v18="night"] .m3j-chart img,html[data-v18="night"] .ht-chart img,
html[data-v18="night"] .a6-tom img,html[data-v18="night"] .m3kb-everyday img,html[data-v18="night"] .m3-weeksec img{
  box-sizing:border-box;background:#1f1b16!important;border:8px solid #1f1b16!important;border-radius:1px!important;
  outline:1px solid rgba(31,27,22,.30);outline-offset:4px;filter:brightness(.86) sepia(.18)}
html[data-v18="night"] video{border-color:var(--v18-hair)!important}

/* code samples keep the system monospace (the only non-Garamond text) */
html[data-v18="night"] pre,html[data-v18="night"] code{color:var(--v18-paper)!important}