/* WikicCoffeeMakers brand layer (11/10/2026). Loaded after the child style.css by mu-plugin wcm-branding.php.
   Palette: espresso #3B2A20, roast #A0521A (white text 5.65:1), roast-deep #82410F (7.74:1), crema #F6EFE6.
   Only token remaps + the few hardcoded greys/blacks in the child CSS. */
:root{
  --navy:#3B2A20; --ink:#2A201A; --ink-soft:#4F4036; --muted:#6E5D50; --line:#E8DDD0; --bg:#fff;
  --panel:#F6EFE6; --gold:#A0521A; --gold-deep:#82410F; --link:#3B2A20; --sale:#A0521A; --good:#2F7A4F;
  --color-primary:#A0521A; --color-primary-hover:#82410F; --color-primary-dark:#82410F;
  --color-primary-light:#F6EFE6; --color-primary-rgb:160,82,26;
  --color-accent:#A0521A; --color-accent-hover:#82410F; --color-accent-light:#F6EFE6;
  --color-info:#3B2A20; --color-text:#2A201A; --color-text-secondary:#4F4036; --color-text-muted:#6E5D50; --color-text-subtle:#85725F;
  --color-bg:#ffffff; --color-bg-alt:#F6EFE6; --color-surface:#F6EFE6; --color-surface-raised:#ffffff; --color-surface-hover:#EFE5D8;
  --color-border:#E8DDD0; --color-border-subtle:#F0E8DE; --color-border-strong:#D8C8B6;
  --acms-primary-rgb:160,82,26; --acms-star-active:#A0521A; --acms-border:#E8DDD0;
  /* Amazon CTA: warm roast instead of #ff9900 (white on #ff9900 is only 2.1:1) */
  --acms-amazon-orange:#A0521A; --acms-amazon-orange-hover:#82410F;
}
.acms-btn--amazon:hover{background:linear-gradient(135deg,#82410F,#6E360C);border-color:#82410F;box-shadow:0 4px 14px rgba(160,82,26,.35)}

/* Logo: SVG wordmark (cup + WikicCoffeeMakers), dark on the white header, light in the footer */
.logo.logo--brand{display:inline-flex;flex-direction:row;align-items:center;gap:0;line-height:0;flex:none}
.logo.logo--brand img{height:40px;width:auto;display:block}
.logo.logo--brand .logo-light{display:none}
footer.site .logo.logo--brand{margin-bottom:14px}
footer.site .logo.logo--brand img{height:40px;margin-bottom:0}
footer.site .logo.logo--brand .logo-dark{display:none}
footer.site .logo.logo--brand .logo-light{display:block}
@media(max-width:640px){.logo.logo--brand img{height:28px}}
@media(max-width:360px){.logo.logo--brand img{height:24px}}

/* hardcoded greys/blacks in the child CSS -> warm tones */
header.site{background:#fff}
footer.site{background:#241912;color:#CDBFB1}
footer.site p.desc{color:#A89585}
footer.site li a{color:#CDBFB1}
footer.site .fine{color:#A89585}
footer.site .fine a{color:#CDBFB1}
.social a:hover{background:#F6EFE6;color:#3B2A20}
.compare-table .ct-buy,.buy-btns a{background:var(--gold)}
.compare-table .ct-buy:hover,.buy-btns a:hover{background:var(--gold-deep);opacity:1}
.buy-btns a.alt{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.navbar .submenu a{color:var(--ink)}
.navbar .submenu a:hover{background:var(--panel);color:var(--navy)}
.page-body .guide-cta a.gc-btn{color:var(--navy)}
.page-body .guide-cta a.gc-btn:hover{background:var(--panel);color:var(--navy)}
.searchpill{border-color:#D8C8B6}