/* Shared desktop storefront palette. Keep white surfaces and semantic price colors. */
@font-face {
    font-family: "HHB Price";
    src: url("../fonts/price-digits.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    unicode-range: U+002C-002E, U+0030-0039, U+00A5, U+FFE5;
}

:root {
    --hhb-price-font: "HHB Price", "Arial Narrow", Arial, sans-serif;
    --hhb-page-bg: #fff9e8;
    --hhb-surface-soft: #fffdf5;
    --hhb-brand-soft: #fff3ca;
    --hhb-brand-line: #f0e5c5;
    --hhb-brand-accent: #e99a13;
    --hhb-brand-ink: #855b16;
    --hhb-brand-gradient: linear-gradient(160deg, #ffe8a0 0%, #fff4ce 45%, #fffefa 95%);
}

html body {
    background-color: var(--hhb-page-bg);
}

body .v2_nav_content {
    background: var(--hhb-page-bg);
}

body .v2_nav_content_group {
    border-color: var(--hhb-brand-line);
}

body .v2_nav_content_option.active,
body .v2_nav_content_option:hover {
    color: var(--hhb-brand-ink);
}

body .v2_nav_content_option.active::after {
    background: #efb52e;
}

body.hhb-site-shell .header_bottom .search_top {
    border-color: #edb62f;
}

body.hhb-site-shell .header_bottom .search_top button {
    color: #573b0c;
    background: linear-gradient(100deg, #ffe38c, #ffc747);
}

body.hhb-site-shell .v2_fxied_nav_item:hover {
    background: var(--hhb-brand-soft);
}