/* Warm bronze on light surfaces; dark mode keeps the theme's gold palette. */
:root:not([data-color-mode="dark"]) {
    --color-primary: #9a5b13;
    --color-primary-lighter: #9a5b13;
    --color-primary-darker: #7a4a2b;
    --color-on-primary: #ffffff;
}

:root:not([data-color-mode="dark"]) .hh-topbar .haroone-announcement-bar__icon {
    color: var(--color-accent-ink);
}

:root:not([data-color-mode="dark"]) .hh-ft-word::after {
    background-image: radial-gradient(
        ellipse 1.35em 1.1em at var(--hh-spot-x, 50%) var(--hh-spot-y, 50%),
        var(--color-primary-lighter) 0%,
        var(--color-primary) 22%,
        color-mix(in srgb, var(--color-primary) 65%, transparent) 48%,
        color-mix(in srgb, var(--color-primary) 18%, transparent) 72%,
        transparent 100%
    );
}
:root:not([data-color-mode="dark"]) .hh-arrow:not(.hh-arrow-amber) {
    color: var(--color-primary);
}
:root:not([data-color-mode="dark"]) [data-addto="cart"] .hh-arrow {
    background: var(--color-on-primary);
    color: var(--color-primary);
}

/* These components intentionally keep a dark photographic or footer surface. */
:root[data-color-mode="dark"] .hh-home-hero-caption, .hh-trending-caption, .hh-on-photo {
    --color-accent-ink: var(--color-hide);
}
.hh-ft {
    --color-accent-ink: var(--color-fg);
}

/* Keep the small PayPal wordmark legible on its white payment badge. */
.hh-ft-paypal > span { color: inherit; }