/* Wick & Ember Candle Co light backstop: the --rg-* tokens the account pages consume, mapped to the warm palette. */
:root {
    --rg-bg: #faf6f0; --rg-surface: #ffffff; --rg-raised: #f3ead9; --rg-line: #e3d9c8; --rg-hair: #ece4d6;
    --rg-ink: #201c19; --rg-text: #3d3733; --rg-muted: #7a6f66; --rg-dim: #a89d92;
    --rg-lime: #b08652; --rg-lime-hi: #201c19;
}
:root { color-scheme: light; }
html, body { background-color: var(--rg-bg); color: var(--rg-text); }
.mfo-btn--ondark { background: #faf6f0; color: #201c19; }
.mfo-btn--ondark:hover { background: var(--mfo-accent); color: #ffffff; }
.card-figure, .productView-image, .productView-thumbnail-link { background-color: #ffffff; }
.mfo-hero-media::after { background: linear-gradient(90deg, rgba(20, 14, 10, .72) 0%, rgba(20, 14, 10, .45) 45%, rgba(20, 14, 10, .15) 100%); }
.mfo-utility { background: #201c19; color: #faf6f0; }
.mfo-utility a { color: #faf6f0; }
.mfo-utility a:hover { color: #b08652; }
.header-logo-image-container { min-height: 0; }
.header-logo-image-container::after { display: none; }

/* stock-urgency line only renders when a MadFish One app feeds it */
.mfo-pdp-urgency[hidden] { display: none !important; }
/* inline wordmark logo */
.mfo-logo .mfo-wordmark { height: 34px; width: auto; }
.mfo-footer .mfo-logo .mfo-wordmark { height: 30px; }
@media (max-width: 800px) { .mfo-logo .mfo-wordmark { height: 26px; } }

/* light theme: the blog hero band paints with the nav background, which is cream here */
.mfo-bloghero { background: var(--mfo-ink); }
.mfo-bloghero h1, .mfo-bloghero p { color: var(--mfo-bg); }