@font-face{font-family:'BB Nunito';font-style:italic;font-weight:400 800;font-display:swap;src:url('../fonts/bb26/nunito-sans-italic.woff2') format('woff2')}
/* Beauty Book 2026 · opt-in via .bb26; original official identity retained. */
@font-face{font-family:'BB Nunito';font-style:normal;font-weight:400 800;font-display:swap;src:url('../fonts/bb26/nunito-sans-normal.woff2') format('woff2')}
@font-face{font-family:'BB Bodoni';font-style:normal;font-weight:400 500;font-display:swap;src:url('../fonts/bb26/bodoni-moda-normal.woff2') format('woff2')}
@font-face{font-family:'BB Bodoni';font-style:italic;font-weight:400 500;font-display:swap;src:url('../fonts/bb26/bodoni-moda-italic.woff2') format('woff2')}
.bb26, .bb26-reader{
 --bb-navy:#002B59;--bb-blue:#0054A4;--bb-gold:#A69973;--bb-gold-text:#6B634A;
 --bb-book-blue:#6D9BC8;--bb-book-blue-text:#3E6E9F;--bb-indigo:#272E64;
 --bb-powder:#ACC2DE;--bb-blue-wash:#EDF3F9;--bb-blush:#FAEDDE;
 --bb-white:#FFFFFF;--bb-porcelain:#F8F9FB;--bb-ink:#221F1F;--bb-muted:#505966;
 --bb-line:#CFD9E4;--bb-plum:#793341;
 --bb-font-body:'BB Nunito','Nunito Sans',Arial,sans-serif;
 --bb-font-display:'BB Bodoni','Bodoni Moda',Didot,'Times New Roman',serif;
 --bb-type-note:.8125rem;--bb-type-label:.875rem;--bb-type-ui:1rem;--bb-type-body:1.125rem;
 --bb-type-lead:clamp(1.125rem,1rem + .5vw,1.375rem);
 /* One question-title scale; actual 390/1440px fit remains to be reviewed. */
 --bb-type-question:clamp(1.75rem,1.35rem + 1.6vw,3rem);
 --bb-type-h3:clamp(1.375rem,1.1rem + .7vw,1.75rem);
 --bb-type-h2:clamp(2rem,1.3rem + 2.1vw,3.25rem);
 --bb-type-h1:clamp(2.625rem,1.1rem + 4vw,4.625rem);
 --bb-type-hero:clamp(3rem,1rem + 4.4vw,5rem);
 --bb-type-proof:clamp(2.625rem,1.6rem + 2.6vw,4rem);
 --bb-space-1:.25rem;--bb-space-2:.5rem;--bb-space-3:.75rem;--bb-space-4:1rem;
 --bb-space-5:1.5rem;--bb-space-6:2rem;--bb-space-7:3rem;--bb-space-8:4rem;--bb-space-9:6rem;
 --bb-radius:0;--bb-radius-control:.25rem;--bb-page-width:1160px;--bb-reading-width:760px;
 --bb-gutter:clamp(20px,4.7vw,60px);--bb-section:clamp(48px,6vw,80px);--bb-tap:48px;
 --bb-leading:1.62;--bb-leading-heading:1.12;
 color:var(--bb-ink);background:var(--bb-white);font:400 var(--bb-type-body)/var(--bb-leading) var(--bb-font-body);
}
/* Existing clinical theme preference stays functional. The official light
   identity above is unchanged; this opt-in maps reading roles for dark screens. */
html[data-theme="dark"] body.bb26 {
 --bb-navy:#D8E8FA;--bb-blue:#8CC4FF;--bb-gold-text:#D2C6A0;
 --bb-book-blue-text:#AECFEC;--bb-indigo:#D8E1FF;
 --bb-blue-wash:#12324F;--bb-blush:#3A2E2B;
 --bb-white:#081C32;--bb-porcelain:#102840;--bb-ink:#F4F7FC;
 --bb-muted:#C7D4E3;--bb-line:#43607A;
 color-scheme:dark;
}
/* The page canvas behind body.bb26 (short pages, overscroll) uses the same
   white or dark-navy ground, never an inherited legacy putty canvas. */
html:has(> body.bb26) { background:#FFFFFF; }
html[data-theme="dark"]:has(> body.bb26) { background:#081C32; }
/* Paper uses the light roles even when the reader selected the dark screen. */
@media print {
 .bb26, html[data-theme="dark"] body.bb26 {
  --bb-navy:#002B59;--bb-blue:#0054A4;--bb-gold-text:#6B634A;
  --bb-book-blue-text:#3E6E9F;--bb-indigo:#272E64;
  --bb-blue-wash:#EDF3F9;--bb-blush:#FAEDDE;
  --bb-white:#FFFFFF;--bb-porcelain:#F8F9FB;--bb-ink:#221F1F;
  --bb-muted:#505966;--bb-line:#CFD9E4;
  color:#221F1F;background:#FFFFFF;color-scheme:light;
 }
 /* The screen adapter is screen-only, so paper maps the legacy reader roles
    onto the same light Beauty Book palette and faces (no putty or clay). */
 body.bb26 {
  --font-body:var(--bb-font-body);--font-grotesque:var(--bb-font-body);
  --font-display:var(--bb-font-display);--font-mono:var(--bb-font-body);
  --reader-ground:#FFFFFF;--reader-ground-2:#F8F9FB;--reader-ink:#221F1F;
  --reader-ink-soft:#505966;--reader-muted:#505966;--reader-clay:#0054A4;
  --reader-line:#CFD9E4;--reader-claim-ground:#EDF3F9;--reader-claim-ink:#002B59;
 }
 html:has(> body.bb26), html[data-theme="dark"]:has(> body.bb26) { background:#FFFFFF; }
}