/* ───────────────────────────────────────────────────────────────────────────
   THEME (static CSS) — the ONE place the palette + fonts are declared for
   HTML-first pages. Static CSS can't read theme.js, so these mirror it.
   If you change a value in theme.js, change it here too. Every generated
   static page loads this file first, so no other stylesheet repeats the hexes.
   ─────────────────────────────────────────────────────────────────────────── */
:root{
 --ss-wine:#9A0F46;
 --ss-wine-soft:#B83060;
 --ss-blush:#EC9DBA;
 --ss-blush-soft:#F6D0DD;
 --ss-cream:#FBEFF1;
 --ss-cream-warm:#F2D7DE;
 --ss-paper:#FFFFFF;
 --ss-sage:#A86C82;
 --ss-sage-deep:#7E3F5A;
 --ss-rose:#C2275F;
 --ss-ink:#2C1420;
 --ss-ink-soft:#6A3B50;
 --ss-rule:#E6CCD6;
 --ss-hire:#E7B75B;
 --ss-display:'Cormorant Garamond',serif;
 --ss-body:'Manrope',sans-serif;
}

/* ───────────────────────────────────────────────────────────────────────────
   BUTTON HOVER STATES

   Every page carries a generic `a:hover{color:#B83060}` in its inline <style>.
   On a SOLID button that repainted the label plum-on-plum, which was nearly
   unreadable. These class-level rules (specificity 0,2,0) beat that element
   rule (0,1,1) regardless of source order, so the label keeps its contrast and
   the BACKGROUND changes instead.

   Selectors are listed per page family because each has its own button class:
   op- occasion, hb- hub, hp- home, tp- tea, ssa- article, bl- blog list,
   lp-/tyl- landing, ss-hd-/ss-ft- chrome, and the hand-converted pages
   (fq- faq, ct- contact, inq- inquiry, gal- gallery, gfv- dietary, ab- about,
   cd- delivery, mc- more-cakes, ty- thank-you).
   ─────────────────────────────────────────────────────────────────────────── */

/* Solid wine buttons: lighten the fill, keep the cream label. */
.op-btn:hover,.hb-btn:hover,.hp-btn:hover,.tp-btn:hover,.lp-btn:hover,
.tyl-btn:hover,.fq-btn:hover,.ct-btn:hover,.gfv-btn:hover,.ab-btn:hover,
.cd-btn:hover,.ty-btn:hover,.ssa-cta-row a:hover,.ss-hd-shop:hover,
.ss-hd-drawer-shop:hover,.ssa-author-cta:hover,
.lp-submit:hover,.inq-submit:hover,.ct-submit:hover,.cr-btn:hover,.cr-submit:hover,.bl-sub button:hover,
.ss-ft-news button:hover{
 background:var(--ss-wine-soft);
 border-color:var(--ss-wine-soft);
 color:var(--ss-cream);
 opacity:1
}

/* Light-on-dark buttons (cream fill, wine label): deepen the label, keep fill. */
.hp-btn--light:hover,.gfv-btn--light:hover,.lp-btn--light:hover,
.tyl-btn--light:hover,.gal-cta a:hover{
 background:var(--ss-cream);
 color:var(--ss-wine);
 opacity:1
}

/* Outlined buttons ON a dark band: brighten the border, hold the cream label. */
.op-btn--outline-light:hover,.hb-btn--outline-light:hover,
.gfv-btn--outline-light:hover,.lp-btn--outline-light:hover,
.ss-ft-review:hover{
 color:var(--ss-cream);
 border-color:var(--ss-cream);
 background:rgba(251,239,241,.12);
 opacity:1
}

/* Outlined buttons on a LIGHT surface: wine label is legible on cream, so tint
   the fill rather than fading the whole control. */
.op-btn--outline:hover,.hb-btn--outline:hover,.lp-btn--ghost:hover,
.hp-btn--ghost:hover,.fq-btn--outline:hover,.ct-btn--outline:hover,
.cd-btn--outline:hover,.tyl-btn--outline:hover,.gfv-btn--outline:hover,
.ab-btn--outline:hover,.bl-viewall a:hover,.op-gallery-more a:hover,.cr-btn--outline:hover{
 color:var(--ss-wine);
 border-color:var(--ss-wine);
 background:rgba(154,15,70,.06);
 opacity:1
}