/* Bee My Guest v80 legacy aliases (CONTRACT D11). Owner: website-foundation lane.
   Linked after every legacy stylesheet on every hand-authored page, so that the July v75 / v76 page
   CSS (core-v75, pages-v76, editorial-v75, field-notes-v76, balance-v75, generated blocks, tools)
   adopts the v80 palette and typography without markup changes. Tokens come from the v80 system stylesheet.
   Delete a section once no page loads the stylesheet it maps. */

/* Legacy display role. Every legacy heading token renders in Inter Variable, held at semibold by the
   single-weight descriptor (a variable font is clamped to its @font-face weight range), and the
   italic accent words of those headings render in Fraunces italic: D11's "big tight sans headlines,
   Fraunces italic only as the brand accent word", applied to unchanged legacy markup. */
@font-face{font-family:"BMG Legacy Display";src:url("/assets/fonts/inter-var.2c295d99e2.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"BMG Legacy Display";src:url("/assets/fonts/fraunces-italic.066710ce7e.woff2") format("woff2");font-style:italic;font-weight:300 500;font-display:swap}

:root,body{
  --legacy-display:"BMG Legacy Display",var(--font-display);

  /* core-v75 */
  --ink:var(--c-charcoal);
  --ink-soft:var(--c-charcoal-2);
  --slate:var(--c-slate);
  --accent:var(--c-honey-deep);
  --accent-bright:var(--c-honey-bright);
  --accent-soft:color-mix(in srgb,var(--c-honey-soft) 55%,var(--c-linen));
  --bone:var(--c-bone);
  --bone-soft:var(--c-bone);          /* used by core-v75, never defined there */
  --linen:var(--c-linen);
  --card:var(--c-paper);
  --green:var(--c-moss);
  --green-soft:var(--c-moss-soft);
  --danger:var(--status-danger);
  --line:var(--separator-strong);
  --line-soft:var(--separator);
  --ink-muted:var(--text-secondary);  /* used by core-v75, never defined there */
  --display:var(--legacy-display);
  --sans:var(--font-text);
  --mono:var(--font-text);            /* mono eyebrows retired: same labels, set in Inter */
  --radius:var(--r-lg);
  --radius-sm:var(--r-sm);
  --shadow:var(--elevation-2);
  --shadow-lg:var(--elevation-3);

  /* pages-v75, pages-v76 */
  --page-ink:var(--c-charcoal);
  --page-slate:var(--c-slate);
  --page-honey:var(--c-honey);
  --page-bone:var(--c-bone);
  --page-paper:var(--c-linen);
  --page-line:var(--c-sand);
  --page-moss:var(--c-moss);
  --page-serif:var(--legacy-display);
  --page-sans:var(--font-text);
  --page-mono:var(--font-text);

  /* editorial-v75, field-notes-v76 */
  --bmg-ink:var(--c-charcoal);
  --bmg-slate:var(--c-slate);
  --bmg-muted:var(--c-stone);
  --bmg-linen:var(--c-linen);
  --bmg-paper:var(--c-paper);
  --bmg-sand:var(--c-bone);
  --bmg-honey:var(--c-honey-display);
  --bmg-honey-soft:var(--c-honey-soft);
  --bmg-forest:var(--c-moss);
  --bmg-line:var(--separator-strong);
  --bmg-line-soft:var(--separator);
  --bmg-shadow:var(--elevation-3);
  --bmg-serif:var(--legacy-display);
  --bmg-sans:var(--font-text);
  --bmg-mono:var(--font-text);

  /* generated blocks (notes, hubs, legal, 404) and the tools finance-tools stylesheet */
  --ch:var(--c-charcoal);
  --sl:var(--c-slate);
  --hn:var(--c-honey);
  --bn:var(--c-bone);
  --ln:var(--c-linen);
  --bo:var(--c-bone);
  --li:var(--c-linen);
  --fd:var(--legacy-display);
  --fs:var(--font-text);
  --fm:var(--font-text);
  --gold:var(--c-honey);
  --muted:var(--c-slate);
  --ok:var(--c-honey);
  --warn:var(--status-warning);
  --bad:var(--c-slate);

  /* the tools tax-v04 stylesheet and the tools-terms block */
  --bg:var(--color-canvas);
  --paper:var(--color-surface);
  --paper2:var(--c-linen);
  --line2:var(--c-sand);
  --accentSoft:var(--c-bone);
  --dark:var(--c-charcoal);
}

/* ---------- Harmonisation of legacy components (until each page family is redesigned) ---------- */

/* Sticky v80 header is 52px high (core-v75 reserved 86px). */
html{scroll-padding-top:calc(var(--nav-h) + var(--space-4))}

/* One focus ring everywhere (core-v75 drew a white outline plus a honey halo). */
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;box-shadow:none}

/* core-v75 eyebrow: sentence case Inter instead of tracked mono capitals with a leading rule. */
.eyebrow{display:inline-block;color:var(--accent-text);font-family:var(--font-text);font-size:var(--fs-eyebrow);font-weight:var(--fw-semibold);letter-spacing:-.01em;line-height:1.3;text-transform:none}
.eyebrow::before{content:none}
.section-dark .eyebrow,.theme-dark .eyebrow{color:var(--c-honey-bright)}

/* core-v75 buttons follow the v80 buttons (D21): 48px rounded rectangles, 12px radius; no lift on hover. */
.button,.button-secondary,.button-light{min-height:var(--btn-h);border-radius:var(--r-button);font-weight:var(--fw-semibold);letter-spacing:-.011em}
.button:hover{transform:none;box-shadow:none}

/* The 404 page centred its body with flexbox; the shared header and footer now frame it. */
body:has(>.ui-header)>main.wrap:has(>.links){margin:clamp(3rem,10vh,7rem) auto;padding-inline:var(--gutter)}
body:has(>.ui-header):has(>main.wrap>.links){display:block;min-height:0;padding:0}

/* Legacy headings now set in Inter semibold: relax the tracking that was tuned for Fraunces. */
h1{letter-spacing:-.028em}
h2{letter-spacing:-.024em}
h3{letter-spacing:-.018em}
.page-hero h1,.balance-intro h1,.bmg-note-page h1{letter-spacing:-.03em}
.bmg-library-page .library-hero h1,header.hero h1,body.comparator-v05 .hero h1{letter-spacing:-.032em}
.intro-copy h2,.section-head h2,.split-panel h2,.proof-intro h2,.cta-panel h2,.stay-card h2,.booking-search-copy h2,.villa-copy h2,.profile-copy h2,.promotion-dialog h2,.tool-head h2,.sources h2,.faq h2,body.comparator-v05 .panel-head h2{letter-spacing:-.025em}
.performance-intro h3,.asset-profile-copy h3,body.comparator-v05 .guided-mode h3{letter-spacing:-.02em}
.headline strong,body.comparator-v05 .compare-summary .headline,body.comparator-v05 .strategy-card .money{letter-spacing:-.03em}

/* Tools stylesheets name Fraunces literally: same display role as every other legacy heading. */
header.hero h1,.tool-head h2,.sources h2,.faq h2,.cta-panel h3,.headline strong,.asset-profile-copy h3,.adr-suggestion strong,
body.comparator-v05 .hero h1,body.comparator-v05 .compare-summary .headline,body.comparator-v05 .strategy-card .money,body.comparator-v05 .guided-mode h3{font-family:var(--legacy-display)}
/* Legal pages and 404 (no body class) set whole headings in Fraunces, italic: D11 keeps Fraunces for accent words. */
body:not([class])>main.wrap>:is(h1,h2){font-family:var(--legacy-display);font-style:normal}
body:not([class])>main.wrap>h1{letter-spacing:-.028em}
/* Tools hero: tax-v04 removed the side padding, so text touched the screen edge on phones. */
header.hero{padding-inline:var(--gutter)}
.tool-switcher a{border-radius:var(--r-control)}

/* Honey is never text on light grounds (2.35:1): legacy labels on light backgrounds use the AA accent. */
.bmg-note-page :is(.kicker,article h3,.stack-item b,.stat b,.tl-item b,.statbox b,.wf-row span.n),
.bmg-note-page .editorial-toc-title,.bmg-note-page .editorial-section-label,.bmg-note-page .editorial-related-card span,
.bmg-library-page .library-kicker,.bmg-library-page .library-card-meta span:first-child,.bmg-library-page .library-card-arrow,.bmg-library-page .library-standard-label,
header.hero .kicker,:is(.tool-head,.faq,.sources) .step,.suite-card:not(.dark) .num,.detail-page .method-step b{color:var(--accent-text)}

/* Inter is wider than Fraunces at the same size: display headings sized for Fraunces step down. */
.page-hero h1{font-size:clamp(2.75rem,1.6rem + 4.6vw,5.5rem)}
.balance-intro h1{font-size:clamp(2.5rem,1.6rem + 3.2vw,4rem)}
.bmg-library-page .library-hero h1{font-size:clamp(2.75rem,1.6rem + 4.4vw,5rem)}
header.hero h1,body.comparator-v05 .hero h1{font-size:clamp(2.5rem,1.5rem + 4.2vw,4.75rem)}
.detail-page .intro-copy h2,.detail-page .section-head h2{font-size:var(--fs-headline);line-height:var(--lh-headline)}
