/* HomeBase theme accents (Nov 13 2026). Loaded on product, bundle, club, game (/get/), free-download and thank-you pages.
   Class comes from src/_data/themeMap.js (rules in themeRules.json) via <body class="theme-<key>">.
   ACCENTS ONLY: header band, badge, buy-button hover, section rules, heading underline, card hover border. Backgrounds of pages
   and every printable preview stay light (white/cream). Text colours are >= 4.5:1 (AA) on their backgrounds. No dark fills on printables.
   Vars: --theme-accent (decorative / borders), --theme-accent-text (text on white), --theme-accent-dark (hover bg, white text >= 4.5:1),
         --theme-tint (light wash), --theme-border, --theme-badge-bg / --theme-badge-fg. */
body.theme-everyday{--theme-accent:#1E5B43;--theme-accent-text:#1E5B43;--theme-accent-dark:#17493B;--theme-tint:#FBF8F3;--theme-border:#E7E4DE;--theme-badge-bg:#E4EFE8;--theme-badge-fg:#17493B}
body.theme-thanksgiving{--theme-accent:#B5532A;--theme-accent-text:#A24A25;--theme-accent-dark:#8A3D1D;--theme-tint:#FBF3E4;--theme-border:#E8D2AE;--theme-badge-bg:#D9A93B;--theme-badge-fg:#4A2C1A;--theme-pumpkin:#D9822B;--theme-brown:#4A2C1A}
body.theme-christmas{--theme-accent:#B3282D;--theme-accent-text:#A3222F;--theme-accent-dark:#8A1E22;--theme-tint:#FBF8F3;--theme-border:#DCE5DD;--theme-badge-bg:#1F5F3E;--theme-badge-fg:#FFFFFF;--theme-green:#1F5F3E;--theme-gold:#C9A24A}
body.theme-party{--theme-accent:#F26B5B;--theme-accent-text:#B8402F;--theme-accent-dark:#14766F;--theme-tint:#FFF6F3;--theme-border:#F9C6D0;--theme-badge-bg:#F7C948;--theme-badge-fg:#3A2E05;--theme-teal:#1FA6A0}
body.theme-holiday-halloween{--theme-accent:#D9631E;--theme-accent-text:#A84A12;--theme-accent-dark:#4B2A6B;--theme-tint:#FFF6EC;--theme-border:#EBD3BE;--theme-badge-bg:#4B2A6B;--theme-badge-fg:#FFFFFF}
body.theme-holiday-newyear{--theme-accent:#C9A24A;--theme-accent-text:#14213D;--theme-accent-dark:#14213D;--theme-tint:#FBF8F3;--theme-border:#E8DFC4;--theme-badge-bg:#14213D;--theme-badge-fg:#F4E4B0}
body.theme-holiday-valentine{--theme-accent:#C2185B;--theme-accent-text:#A3124B;--theme-accent-dark:#8E0F3F;--theme-tint:#FFF3F6;--theme-border:#F5C9D6;--theme-badge-bg:#F5C9D6;--theme-badge-fg:#6B0E33}
body.theme-holiday-easter{--theme-accent:#8E7CC3;--theme-accent-text:#5F4B9A;--theme-accent-dark:#4F3E86;--theme-tint:#F8F5FD;--theme-border:#D9D0F0;--theme-badge-bg:#CFEBDD;--theme-badge-fg:#1F4A37}
body.theme-holiday-july4{--theme-accent:#B22234;--theme-accent-text:#A01D2E;--theme-accent-dark:#1F3A7A;--theme-tint:#F7F9FD;--theme-border:#D5DCEC;--theme-badge-bg:#1F3A7A;--theme-badge-fg:#FFFFFF}

/* header band: a colour rule on the page hero / product top / club hero (light wash only on pages that do not already wear the heavier .th art) */
body[class*="theme-"] .page-hero,body[class*="theme-"] .pdp-top,body[class*="theme-"] .club-hero{border-top:4px solid var(--theme-accent)}
body[class*="theme-"]:not(.th):not(.theme-everyday) .page-hero,body[class*="theme-"]:not(.th):not(.theme-everyday) .pdp-top,body[class*="theme-"]:not(.th):not(.theme-everyday) .club-hero{background-image:linear-gradient(180deg,var(--theme-tint),rgba(255,255,255,0) 85%)}
/* badge */
body[class*="theme-"] .badge:not(.badge-soft){background:var(--theme-badge-bg);color:var(--theme-badge-fg)}
body[class*="theme-"] .badge-soft{border-color:var(--theme-border)}
body[class*="theme-"] .eyebrow,body[class*="theme-"] .eyebrow a{color:var(--theme-accent-text)}
/* buy button: base colour and white text are untouched (already high contrast); hover swaps to the theme's dark accent */
body[class*="theme-"] .btn-buy:hover,body[class*="theme-"] .card-buy:hover,body[class*="theme-"] .tc-buy:hover,body[class*="theme-"] .sb-btn:hover{background:var(--theme-accent-dark);border-color:var(--theme-accent-dark);color:#fff}
/* section rules + heading underline */
body[class*="theme-"] .section-head{border-bottom:2px solid var(--theme-border);padding-bottom:.9rem}
body[class*="theme-"] .tc-head h2{text-decoration:underline;text-decoration-color:var(--theme-accent);text-decoration-thickness:3px;text-underline-offset:.3em;text-decoration-skip-ink:none}
body[class*="theme-"] .tc-head h2 em.accent{color:var(--theme-accent-text)}
body[class*="theme-"]:not(.theme-everyday) .pdp-body h2,body[class*="theme-"]:not(.theme-everyday) .club-page h2{text-decoration:underline;text-decoration-color:var(--theme-accent);text-decoration-thickness:3px;text-underline-offset:.28em;text-decoration-skip-ink:none}
/* card hover border */
body[class*="theme-"] .card:hover,body[class*="theme-"] .product-card:hover,body[class*="theme-"] .tc-card:hover,body[class*="theme-"] .bundle-row:hover{border-color:var(--theme-accent)}
body[class*="theme-"] :focus-visible{outline-color:var(--theme-accent-dark)}
@media print{body[class*="theme-"] .page-hero,body[class*="theme-"] .pdp-top,body[class*="theme-"] .club-hero{border-top:0;background-image:none}}