/* Champagne Noir brand layer for the inner pages (owner 21 Oct 2026, doc 104).
   Loaded after site.css and season.css on the pages moved to the new look (bouquets, pop-the-trunk,
   instant-mockup). It only overrides tokens, type and a few components, so each page keeps its
   own layout, forms and tracking. Seasonal colours are switched off on these pages (no orange). */
html:root,html:root[data-season]{
  --bg:#fffdf8;--surface:#ffffff;--ink:#111012;--muted:#5f5a55;--line:#e6dccb;
  --accent:#111012;--accent-ink:#ecd49c;--gold:#735a26;--sage:#5f5a55;--soft:#f6efe2;
  --panel:#111012;--panel-ink:#f7f1e6;--panel-muted:#d8cfbf;--panel-gold:#ecd49c;--panel-line:#2b282d;
  --display:"Playfair Display",Georgia,serif;--body:"Jost","Segoe UI",system-ui,sans-serif;--mono:"Jost","Segoe UI",system-ui,sans-serif;
  --b1:#d9c49a;--b2:#f6efe2;--b3:#ecd49c;--b4:#c79a3a;--b5:#111012;--b6:#735a26;
}
@media (prefers-color-scheme: dark){html:root:not([data-theme="light"]),html:root[data-season]:not([data-theme="light"]){
  --bg:#0f0e10;--surface:#19171a;--ink:#f7f1e6;--muted:#bcb4a8;--line:#2b282d;
  --accent:#ecd49c;--accent-ink:#0f0e10;--gold:#ecd49c;--sage:#bcb4a8;--soft:#1d1a1e;
  --panel:#19171a;--panel-line:#2b282d;color-scheme:dark}}
html:root[data-theme="dark"],html:root[data-theme="dark"][data-season]{
  --bg:#0f0e10;--surface:#19171a;--ink:#f7f1e6;--muted:#bcb4a8;--line:#2b282d;
  --accent:#ecd49c;--accent-ink:#0f0e10;--gold:#ecd49c;--sage:#bcb4a8;--soft:#1d1a1e;
  --panel:#19171a;--panel-line:#2b282d;color-scheme:dark}

/* no season stripe or seasonal flag on the new look */
body::before{display:none!important}
.ebv-flag{display:none!important}

/* proper capitalization everywhere: no all-caps labels */
body *{text-transform:none!important}
.eyebrow,.kicker{font-family:var(--body);font-weight:600;font-size:.92rem;letter-spacing:.02em;color:var(--gold)}
.steps li::before{font-family:var(--body);font-weight:600;letter-spacing:.02em;color:var(--gold)}

/* headings: Playfair, gold italics */
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:0}
h1 em,h2 em,h3 em,h1 i,h2 i{color:var(--gold)}

/* buttons: black pill with champagne text (light), champagne pill with black text (dark) */
.btn-primary{background:var(--accent);color:var(--accent-ink)}
.btn-ghost{border-color:var(--ink);color:var(--ink)}
a{text-decoration-color:color-mix(in srgb,var(--gold) 60%,transparent)}

/* prices and badges in gold */
.px-now,.price b,.tier .price{color:var(--gold)}
.px-tag{font-family:var(--body);letter-spacing:.02em}
.tier .badge{font-family:var(--body);letter-spacing:.02em}
.tier.pop,.tier.featured{border-color:var(--gold)}

/* Triangle crest logo in every header (owner 21 Oct 2026: "replace the old logo with the new triangle one everywhere").
   The markup stays <a class="brand"><i>Event</i><b>Beautification</b><small>VICTORIA</small></a>; the crest is drawn
   in front and the wordmark reads on one line, with "Victoria" in tracked gold below. */
.brand{display:grid!important;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:0;align-items:end;line-height:1}
.brand::before{content:"";grid-column:1;grid-row:1/3;align-self:center;margin-right:10px;width:44px;height:38px;background:url(/img/noir/logo-tri-96.webp) center/contain no-repeat}
.brand i,.brand b{grid-row:1;font-family:var(--display)!important;font-style:normal;font-weight:500;font-size:1.12rem;color:var(--ink);letter-spacing:.005em;white-space:nowrap}
.brand i{grid-column:2}
.brand b{grid-column:3;margin-left:.28em;justify-self:start}
.brand small{grid-column:2/4;grid-row:2;align-self:start;font-family:var(--body)!important;font-weight:600;font-size:.62rem!important;letter-spacing:.3em!important;color:var(--gold)!important;margin-top:5px}
/* phones: crest + stacked wordmark (Event / Beautification / Victoria) so the header buttons always fit */
@media (max-width:430px){.brand{grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;align-items:center}
  .brand::before{grid-row:1/4;width:40px;height:35px;margin-right:9px}
  .brand i{grid-column:2;grid-row:1;font-size:.74rem;letter-spacing:.04em;color:var(--gold)}
  .brand b{grid-column:2;grid-row:2;margin-left:0;font-size:1.06rem}
  .brand small{grid-column:2;grid-row:3;font-size:.52rem!important;letter-spacing:.3em!important;margin-top:3px}}
/* header: a hairline of champagne under the bar, calmer buttons */
header.nav,.nav{border-bottom:1px solid var(--line)}
.btn{border-radius:999px}
.btn-primary{box-shadow:0 1px 0 color-mix(in srgb,var(--gold) 40%,transparent) inset,0 6px 18px -10px color-mix(in srgb,var(--ink) 60%,transparent)}
@media (max-width:360px){.brand::before{width:30px;height:26px;margin-right:6px}.brand b{font-size:.9rem}.brand i{font-size:.64rem}.brand small{letter-spacing:.2em!important}}

/* Declutter (owner 21 Oct 2026): every page link lives in the menu, so the header keeps only the logo, the main
   button and the menu (the old text links and the theme switch go; the theme follows the device and time of day) */
.nav .navlinks>a:not(.nav-cta),.nav .theme-btn{display:none!important}
.nav .navlinks{margin-left:auto}