/* Theme Name: Blocksy Child — Nations of Light Template: blocksy Version: 0.1.1 Description: Child theme carrying the Nations of Light design system (design/homepage-mockup-v1.html) — the locked watercolor house style shared across every book's plates. Palette: cream paper #F6F0E4, deep indigo-violet #3B2F63, antique gold #B08D3F, aurora teal/violet/rose used sparingly. Type: Cormorant Garamond display / Inter body. */ :root{ --nol-paper:#F6F0E4; --nol-paper-deep:#EDE3CF; --nol-ink:#2B2440; --nol-indigo:#3B2F63; --nol-indigo-deep:#241C3D; --nol-gold:#B08D3F; --nol-gold-soft:#CBA958; --nol-teal:#6FA89A; --nol-violet:#9179AC; --nol-rose:#C77E8C; --nol-sepia:#8A7860; --nol-slate:#6E7079; } /* Light brand touches for any Blocksy chrome that still shows through (admin bar, 404s, etc). */ body{background:var(--nol-paper);color:var(--nol-ink)} h1,h2,h3,h4{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500} body,p,li,input,textarea,button{font-family:"Inter",system-ui,sans-serif} a{color:var(--nol-gold)} /* ---------------------------------------------------------------------- */ /* Shared components — reused verbatim across home.html + every book/series page + about.html + contact.html (see site/content/). Class names are prefixed nol- to avoid collisions with Blocksy's own utility classes. */ /* ---------------------------------------------------------------------- */ *{box-sizing:border-box} .nol-wrap{max-width:1120px;margin:0 auto;padding:0 clamp(20px,5vw,64px)} .nol-eyebrow{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--nol-gold);font-weight:600;display:block} .nol-rule{width:48px;height:1px;background:var(--nol-gold);opacity:.75} .nol-italic{font-style:italic;color:var(--nol-gold-soft)} /* translucent golden tetrahedron motif, reused sparingly */ .nol-tetra{position:absolute;opacity:.16;pointer-events:none} .nol-tetra svg{width:100%;height:100%} .nol-tetra.small{opacity:.10} /* NAV — identical markup/behavior on every page (each content.html embeds its own copy) */ .nol-nav{ position:fixed;top:0;left:0;right:0;z-index:50; display:flex;align-items:center;justify-content:space-between; padding:24px clamp(20px,5vw,64px); transition:background .4s ease, padding .4s ease, box-shadow .4s ease; } .nol-nav.scrolled{background:rgba(246,240,228,.94);backdrop-filter:blur(8px);padding:16px clamp(20px,5vw,64px);box-shadow:0 1px 0 rgba(43,36,64,.08)} .nol-brand{font-family:"Cormorant Garamond";font-size:1.4rem;letter-spacing:.02em;color:#fff;text-decoration:none} .nol-nav.scrolled .nol-brand,.nol-brand.dark{color:var(--nol-ink)} .nol-nav-links{display:flex;align-items:center;gap:36px} .nol-nav-links a{color:#fff;text-decoration:none;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;transition:color .3s} .nol-nav.scrolled .nol-nav-links a,.nol-nav-links.dark a{color:var(--nol-ink)} .nol-nav-links a:hover{color:var(--nol-gold-soft)} .nol-nav.scrolled .nol-nav-links a:hover,.nol-nav-links.dark a:hover{color:var(--nol-gold)} /* Page-header band used on every inner page (book pages / about / contact) — a compact version of the hero, dark indigo ground with the aurora watercolor wash + tetrahedron. */ .nol-page-header{ position:relative;overflow:hidden;padding:150px clamp(20px,5vw,64px) 70px; background: radial-gradient(ellipse 60% 45% at 25% 15%, rgba(203,169,88,.20), transparent 60%), radial-gradient(ellipse 55% 40% at 80% 20%, rgba(111,168,154,.16), transparent 60%), radial-gradient(ellipse 70% 55% at 50% 90%, rgba(145,121,172,.18), transparent 65%), linear-gradient(180deg, var(--nol-indigo-deep) 0%, var(--nol-indigo) 70%, #4a3c78 100%); color:#fff; } .nol-page-header .nol-tetra{top:10%;right:6%;width:220px;height:220px} .nol-page-header .nol-wrap{position:relative;z-index:2;max-width:760px} .nol-page-header .nol-eyebrow{color:var(--nol-gold-soft);margin-bottom:16px} /* !important is deliberate here: Blocksy sets --theme-headings-color via a Customizer- generated inline