/*
 * Experimental storefront palette based on control.c4-perfumes.com.
 * This file is intentionally isolated: remove its link from base.html to
 * restore the original ivory/bronze theme without touching luxury.css.
 */

:root {
    --control-bg: #090a08;
    --control-bg-deep: #060705;
    --control-surface: #121310;
    --control-surface-raised: #181916;
    --control-surface-hover: #20211c;
    --control-text: #f2eee5;
    --control-text-soft: #96928a;
    --control-text-faint: #69675f;
    --control-line: rgba(242, 226, 188, .13);
    --control-gold: #d0a12b;
    --control-gold-deep: #b8790a;
    --control-gold-light: #f2d66c;
    --control-gold-wash: rgba(208, 161, 43, .11);
    --control-shadow: 0 28px 80px rgba(0, 0, 0, .42);
    --bronze: var(--control-gold);
    --bronze-dark: var(--control-gold-light);
}

body {
    color: var(--control-text);
    background: var(--control-bg);
}

::selection { color: #090a08; background: var(--control-gold-light); }
:focus-visible { outline: 1px solid var(--control-gold); outline-offset: 4px; }

.announcement {
    color: rgba(242, 238, 229, .66); background: var(--control-bg-deep);
    border-bottom: 1px solid rgba(242, 226, 188, .07);
}
.announcement a { color: var(--control-gold-light); }

.site-header {
    color: var(--control-text); border-color: var(--control-line);
    background: rgba(9, 10, 8, .91); box-shadow: 0 14px 42px rgba(0, 0, 0, .16);
}
.site-header.is-scrolled { box-shadow: 0 18px 55px rgba(0, 0, 0, .32); }
.desktop-nav a { color: var(--control-text-soft); }
.desktop-nav a:hover, .desktop-nav a.is-active { color: var(--control-text); }
.language-select select { color: var(--control-text); }
.language-select select option { color: var(--control-text); background: var(--control-surface); }
.icon-link__count { color: #090a08; background: linear-gradient(135deg, var(--control-gold-deep), var(--control-gold-light)); }
.icon-link.is-active svg { fill: var(--control-gold); stroke: var(--control-gold); }

.mobile-menu {
    color: var(--control-text); background:
        radial-gradient(circle at 85% 15%, rgba(208, 161, 43, .12), transparent 28%),
        var(--control-bg-deep);
}
.mobile-menu nav a { border-color: var(--control-line); }
.mobile-menu nav a span, .mobile-menu__footer { color: var(--control-text-soft); }
.mobile-language button { color: var(--control-text-faint); }
.mobile-language button.is-active { color: var(--control-gold-light); }

.toast {
    color: var(--control-text); border-color: var(--control-line);
    background: var(--control-surface-raised); box-shadow: var(--control-shadow);
}
.eyebrow, .eyebrow--light { color: var(--control-gold-light); }

.button--light, .button--dark {
    color: #0a0b09; border-color: rgba(255, 226, 116, .35);
    background: linear-gradient(112deg, var(--control-gold-deep), #dba92e 52%, var(--control-gold-light));
    box-shadow: 0 14px 38px rgba(183, 121, 10, .16);
}
.button--light:hover, .button--dark:hover {
    color: #070806; border-color: var(--control-gold-light);
    background: linear-gradient(112deg, #ca8e18, #efc84e 52%, #f8e28b);
}
.button--outline { color: var(--control-text); border-color: rgba(242, 214, 108, .55); }
.button--outline:hover { color: #090a08; border-color: var(--control-gold-light); background: var(--control-gold-light); }
.text-link { border-color: rgba(242, 214, 108, .5); }
.text-link:hover { color: var(--control-gold-light); }

.hero__shade {
    background: linear-gradient(90deg, rgba(4,5,3,.9) 0%, rgba(6,7,5,.55) 43%, rgba(6,7,5,.15) 74%),
        linear-gradient(0deg, rgba(3,4,2,.64), transparent 56%);
}
.hero__lead { color: rgba(242, 238, 229, .7); }
.hero__meta span { color: var(--control-gold); }
.hero__scroll { border-color: rgba(242, 214, 108, .48); }
.hero__scroll span { background: var(--control-gold-light); }

.philosophy { border-color: var(--control-line); background: var(--control-bg); }
.philosophy__index { color: var(--control-gold); }
.philosophy__body p, .editorial__card > p:not(.eyebrow), .service-item p { color: var(--control-text-soft); }

.editorial { border-block: 1px solid var(--control-line); background: var(--control-surface); }
.editorial__card { background: radial-gradient(circle at 100% 0%, var(--control-gold-wash), transparent 45%); }
.editorial__image > span { color: var(--control-gold-light); background: rgba(6, 7, 5, .82); }

.collection { background: var(--control-bg-deep); }
.product-card__media { border: 1px solid rgba(242, 226, 188, .08); background: var(--control-surface-raised); }
.product-card__quick { color: #090a08; background: linear-gradient(110deg, rgba(183,121,10,.95), rgba(242,214,108,.95)); }
.favorite-button { color: var(--control-text); border: 1px solid var(--control-line); background: rgba(9, 10, 8, .84); }
.favorite-button svg { stroke: var(--control-gold-light); }
.favorite-button.is-saved { color: #090a08; background: var(--control-gold-light); }
.favorite-button.is-saved svg { fill: #090a08; stroke: #090a08; }
.product-card__brand { color: var(--control-gold); }
.product-card__price span, .product-card__price del { color: var(--control-text-soft); }
.empty-inline { color: var(--control-text-soft); }

.product-dialog {
    color: var(--control-text); border: 1px solid var(--control-line);
    background: var(--control-surface); box-shadow: 0 35px 110px rgba(0, 0, 0, .7);
}
.product-dialog::backdrop { background: rgba(2, 3, 2, .86); }
.product-dialog__media { background: var(--control-surface-raised); }
.product-dialog__description, .product-dialog__prices span { color: var(--control-text-soft); }
.product-dialog__prices, .product-dialog__prices div { border-color: var(--control-line); }

.services { background: var(--control-bg); }
.service-list, .service-item { border-color: var(--control-line); }
.service-item > span { color: var(--control-gold); }
.service-item i { color: var(--control-gold-light); }

.closing-cta { background: var(--control-bg-deep); }
.closing-cta__image {
    background: linear-gradient(90deg, rgba(3,4,2,.91), rgba(5,6,4,.32)), var(--cta-image) 68% center / cover no-repeat;
}
.site-footer { color: var(--control-text); background: #050604; }
.footer-intro > p, .footer-column a, .footer-column > p:not(.footer-label) { color: var(--control-text-soft); }
.footer-column a:hover { color: var(--control-gold-light); }
.footer-label { color: var(--control-gold-light); }
.site-footer__bottom { color: var(--control-text-faint); border-color: var(--control-line); }
.creator-credit { color: var(--control-text-soft); border-color: var(--control-line); background: #030403; }
.creator-credit__avatar { color: var(--control-gold-light); border-color: rgba(242, 214, 108, .35); background: var(--control-gold-wash); }
.creator-credit__profile small { color: var(--control-text-faint); }
.creator-credit__profile strong { color: var(--control-text); }
.creator-credit__inner > a { color: var(--control-text-soft); }
.creator-credit__inner > a i { color: var(--control-gold-light); }
.creator-credit__inner > a:hover { color: var(--control-gold-light); }

.page-hero__overlay {
    background: linear-gradient(90deg, rgba(4,5,3,.88), rgba(6,7,5,.22)),
        linear-gradient(0deg, rgba(3,4,2,.68), transparent 55%);
}
.page-hero__content > p:last-child { color: rgba(242, 238, 229, .72); }
.catalog-heading__count, .favorites-toolbar > p { color: var(--control-text-soft); }

.filter-bar {
    border: 1px solid var(--control-line); background: var(--control-surface);
    box-shadow: 0 22px 70px rgba(0, 0, 0, .18);
}
.filter-search, .filter-dropdown { border-color: var(--control-line); }
.filter-search > svg { stroke: var(--control-gold-light); }
.filter-search input { color: var(--control-text); }
.filter-search input::placeholder { color: var(--control-text-faint); }
.filter-search input::-webkit-search-cancel-button {
    width: 13px; height: 13px; appearance: none; -webkit-appearance: none; opacity: .8; cursor: pointer;
    background:
        linear-gradient(45deg, transparent 46%, var(--control-gold) 47% 53%, transparent 54%),
        linear-gradient(-45deg, transparent 46%, var(--control-gold) 47% 53%, transparent 54%);
}
.filter-dropdown[open] { background: var(--control-surface-raised); }
.filter-dropdown summary > span { color: var(--control-gold); }
.filter-dropdown summary svg { stroke: var(--control-gold-light); }
.filter-dropdown__menu {
    color: var(--control-text); border-color: var(--control-line);
    background: var(--control-surface-raised); box-shadow: var(--control-shadow);
}
.filter-dropdown__menu a { border-color: rgba(242, 226, 188, .07); }
.filter-dropdown__menu a:hover, .filter-dropdown__menu a.is-selected {
    color: var(--control-gold-light); background: var(--control-gold-wash);
}
.autocomplete-panel {
    color: var(--control-text); border-color: var(--control-line);
    background: var(--control-surface-raised); box-shadow: var(--control-shadow);
}
.autocomplete-panel__top { color: var(--control-gold); border-color: var(--control-line); }
.autocomplete-panel__top kbd, .autocomplete-panel__state, .autocomplete-item__content small { color: var(--control-text-soft); }
.autocomplete-item { border-color: var(--control-line); }
.autocomplete-item:hover, .autocomplete-item.is-active { background: var(--control-gold-wash); }
.autocomplete-item__media { background: var(--control-surface-hover); }
.filter-submit {
    color: #090a08; background: linear-gradient(112deg, var(--control-gold-deep), var(--control-gold-light));
}
.filter-submit:hover { background: linear-gradient(112deg, #cf9419, #f7de7c); }
.filter-reset { color: var(--control-text-soft); }

.pagination-nav__pages a, .pagination-nav__pages span, .pagination-nav__arrow { border-color: var(--control-line); }
.pagination-nav__pages a:hover, .pagination-nav__arrow:not(.is-disabled):hover { color: var(--control-gold-light); border-color: var(--control-gold); }
.pagination-nav__pages .is-current { color: #090a08; border-color: var(--control-gold-light); background: var(--control-gold-light); }
.pagination-nav__arrow.is-disabled { color: var(--control-text-faint); }
.empty-state p { color: var(--control-text-soft); }

.simple-hero { color: var(--control-text); border-bottom: 1px solid var(--control-line); background: var(--control-surface); }
.simple-hero > div > p:last-child { color: var(--control-text-soft); }
.contact-layout { background: var(--control-surface); }
.contact-layout__lead { color: var(--control-text-soft); }
.contact-links a { border-color: var(--control-line); }
.contact-links span, .contact-form label > span { color: var(--control-gold); }
.contact-links i { color: var(--control-gold-light); }
.contact-form input, .contact-form textarea { color: var(--control-text); border-color: rgba(242, 226, 188, .28); }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--control-text-faint); }
.contact-form input:focus, .contact-form textarea:focus { border-color: var(--control-gold-light); }
.success-view__mark { border: 1px solid var(--control-line); background: var(--control-surface); }
.success-view__copy > p:not(.eyebrow) { color: var(--control-text-soft); }

@media (max-width: 560px) {
    .filter-dropdown__menu { background: var(--control-surface); }
    .autocomplete-panel { background: var(--control-surface-raised); }
}