/* The older pages (/manual, /thanks, /privacy, /terms, /refund) keep their structure and their words.
   This file puts them in the look: it defines the variable names those pages already use from the
   tokens-28 pigments, maps their three font names onto the look's fonts, and overrides the few rules
   that carried the old look (uppercase tracked labels, the gold outline button, the starfield, blur).
   Load order on those pages: tokens-28.css, the page's own <style>, then this file. */

/* The pages ask for Fraunces, Inter and Space Grotesk by name. Those names now resolve to the look's
   own files, so no page rule needs rewriting and nothing loads from a font service. */
@font-face{font-family:"Fraunces";font-style:normal;font-display:swap;src:url(fonts/BodoniModa-Black.woff2) format("woff2");unicode-range:U+0000-0023,U+0025-002C,U+002E-002F,U+003A-10FFFF}
@font-face{font-family:"Fraunces";font-style:italic;font-display:swap;src:url(fonts/BodoniModa-BlackItalic.woff2) format("woff2");unicode-range:U+0000-0023,U+0025-002C,U+002E-002F,U+003A-10FFFF}
@font-face{font-family:"Fraunces";font-display:swap;src:url(fonts/WorkSans-SemiBold.woff2) format("woff2");unicode-range:U+0024,U+002D,U+0030-0039;size-adjust:90%}
@font-face{font-family:"Inter";font-weight:300 400;font-display:swap;src:url(fonts/WorkSans-Regular.woff2) format("woff2")}
@font-face{font-family:"Inter";font-weight:500 700;font-display:swap;src:url(fonts/WorkSans-SemiBold.woff2) format("woff2")}
@font-face{font-family:"Space Grotesk";font-display:swap;src:url(fonts/XanhMono-Regular.woff2) format("woff2")}
@font-face{font-family:"Bodoni Moda";font-weight:900;font-display:swap;src:url(fonts/BodoniModa-Black.woff2) format("woff2")}

:root{
  color-scheme:only light;
  --void:var(--birch);
  --night:var(--tint-iris);
  --gold:var(--red-pill);
  --champagne:var(--iris);
  --accent:var(--iris);
  --accent-bright:var(--iris);
  --sage-bright:var(--iris);
  --text-dim:var(--ink-muted);
  --hairline-strong:var(--ink);
}
html{background:var(--birch)}
body{font-weight:400}
#stars,#burst{display:none}
*{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;text-shadow:none !important}

/* The masthead: her name, her signature. */
.mast{display:flex;justify-content:space-between;align-items:center;max-width:980px;margin:0 auto;padding:20px 26px 16px;position:relative;z-index:2}
.mast .wm{font:900 15px/1.2 "Bodoni Moda","Bodoni 72",Didot,Georgia,serif;letter-spacing:-0.012em;color:var(--ink);text-decoration:none}
.mast .sig{width:56px;height:auto;display:block}

/* Readouts: mono, small, quiet, sentence case. */
.label,.micro,.stamp{font-family:"Space Grotesk",monospace !important;font-size:12px !important;font-weight:400 !important;letter-spacing:.03em !important;text-transform:none !important}
.label{color:var(--ink-muted) !important}

/* Red means do: square, Birch type, no outline swap. */
.btn{font-family:"Inter",Arial,sans-serif !important;font-size:16px !important;font-weight:600 !important;letter-spacing:0 !important;text-transform:none !important;
  background:var(--red-pill) !important;color:var(--birch) !important;border:0 !important;border-radius:0 !important;padding:19px 28px !important}
.btn:hover{filter:brightness(.93)}

h1,h2,h3,.serif{font-weight:900 !important;letter-spacing:-0.012em !important}
h1 em,h2 em{font-style:normal;color:inherit}
em{color:var(--iris)}
a{color:inherit}
::selection{background:var(--iris);color:var(--birch)}

/* /manual: the form sits on a lavender plate. */
.gate{background:var(--tint-iris) !important;border:0 !important}
.gate input{color:var(--ink) !important;border-bottom-color:var(--ink) !important}
.gate input::placeholder{color:var(--ink-muted) !important}
.gate .label{color:var(--ink-muted) !important}
.gate .err{color:var(--red-pill) !important}
.book{border-radius:0 !important}
.hero{min-height:0 !important;padding-top:48px !important}

/* /thanks: a flat Birch ground and a lavender plate in place of the glass panel. */
body{background:var(--birch) !important}
.panel{background:var(--tint-iris) !important;border:0 !important;border-radius:0 !important}
/* /manual: the list is numbered by its order, without the roman numerals. */
.get-row{grid-template-columns:1fr !important}
.get-row .n{display:none}