/* =========================================================================
   DecantQ design tokens — shared by the product page, the cart page and
   their mobile bars. Palette taken from the packaging: frosted amber glass
   + polished gold. Change a colour here and both pages follow.
   ====================================================================== */

.dq-sp.product,
.dq-sticky,
.dq-cart,
.dq-cart-bar,
.dq-co,
.dq-hd,
.dq-drawer,
.dq-ft,
.dq-home,
.dq-shop,
.dq-ty,
.dq-acc,
.dq-404,
.dq-page {
	--dq-ink: #2b211b;            /* espresso brown, all text */
	--dq-muted: #6e6258;
	--dq-line: #e6e0da;
	--dq-panel: #f3f1ee;          /* image and notes background */
	--dq-amber: #93461a;          /* buttons, selected size */
	--dq-amber-hover: #7a3914;
	--dq-amber-tint: #fbf5f0;
	--dq-glass-top: #e3b582;      /* frosted amber vial */
	--dq-glass-bottom: #b9773d;
	--dq-liquid: 107, 47, 14;     /* rgb of the fragrance inside */
	--dq-gold-hi: #f2dfae;
	--dq-gold: #c89c4c;
	--dq-gold-lo: #8c672a;
	--dq-radius: 14px;
	--dq-sticky-top: 100px;       /* sticky header height + breathing room */
	--dq-display: var(--e-global-typography-primary-font-family), sans-serif; /* same fallback Elementor uses */
}

/* 'glass' => 'clear' in the settings: frosted clear body, same gold and liquid. Notes dots keep the amber palette. */
.dq-sp.product.dq-glass-clear,
.dq-cart.dq-glass-clear,
.dq-co.dq-glass-clear,
.dq-home.dq-glass-clear,
.dq-ty.dq-glass-clear,
.dq-acc.dq-glass-clear,
.dq-404.dq-glass-clear,
.dq-page.dq-glass-clear,
.dq-shop.dq-glass-clear,
.dq-ft.dq-glass-clear {
	--dq-vial-top: #faf8f5;
	--dq-vial-bottom: #e4ded6;
	--dq-vial-edge: rgba(90, 70, 50, 0.28);
	--dq-vial-idle: 0.85;
}