/* Re-themes the legacy template pages (cart, checkout, payment, tracking) to the storefront brand. */
:root {
    --gold-primary: #d7262e;
    --gold-hover: #b81e25;
    --gold-muted: #b81e25;
    --gold-light: #fdecec;
    --gold-dark: #8f141a;
    --gold-gradient: linear-gradient(135deg, #d7262e 0%, #b81e25 100%);
    --shadow-gold: 0 4px 20px rgba(215, 38, 46, .15);
    --shadow-gold-intense: 0 8px 32px rgba(215, 38, 46, .2);
    --secondary-color: #0e2a47;
    --primary-color: #0e2a47;
    --font-heading: "Plus Jakarta Sans", "Inter", sans-serif;
    --font-body: "Inter", sans-serif;
}
body.fx { background: #fff; font-size: 15px; }
body.fx #main { font-family: var(--font-body); }
body.fx #main .primary__btn, body.fx #main .btn-primary { background: #d7262e; border-color: #d7262e; color: #fff; }
body.fx #main .primary__btn:hover, body.fx #main .btn-primary:hover { background: #b81e25; border-color: #b81e25; }
body.fx #main .breadcrumb__section { background: #0e2a47; }
body.fx #main .breadcrumb__content--title, body.fx #main .breadcrumb__content--menu__items, body.fx #main .breadcrumb__content--menu__items a { color: #fff; }
/* the template's scroll-reveal never runs here, so keep sections visible */
body.fx .reveal-on-scroll { opacity: 1 !important; transform: none !important; }
body.fx #main .breadcrumb__section, body.fx #main .breadcrumb__bg { background: #0e2a47 !important; background-image: none !important; }
body.fx #main .breadcrumb__content--menu__items:last-child, body.fx #main .breadcrumb__content--menu__items span { color: #ff8a8f !important; }