/* =============================================
   THEME: Dark Roast Luxe
   Rich espresso darkness with polished brass highlights and lounge-style depth
   ============================================= */

html.theme-dark-roast-luxe {
    --brand-coffee: #A98252;
    --brand-cream: #221C1D;
    --brand-gold: #D0A45E;
    --brand-dark: #F2E6D6;
    --brand-light: #342A2C;
    --bg-primary: #171314;
    --bg-secondary: #221C1D;
    --bg-tertiary: #302628;
    --text-primary: #F2E6D6;
    --text-secondary: #B7AA9B;
    --text-muted: #877B6F;
    --text-inverse: #171314;
    --placeholder-color: #73675C;
    --border-light: #3A3032;
    --border-medium: #504244;
    --divider-color: #453839;
    --overlay-color: rgba(10, 8, 9, 0.62);
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --font-nav: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --font-button: 'Inter', 'Helvetica Neue', Arial, sans-serif;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-card: 16px;
    --radius-button: 9999px;
    --radius-input: 9999px;
    --shadow-card: 0 18px 40px rgba(0, 0, 0, 0.28);
    --shadow-card-hover: 0 28px 70px rgba(0, 0, 0, 0.36);
    --shadow-elevated: 0 36px 90px rgba(0, 0, 0, 0.42);
    --nav-bg-opacity: 0.76;
}

html.theme-dark-roast-luxe body {
    background:
        radial-gradient(circle at top left, rgba(208, 164, 94, 0.12), transparent 28rem),
        radial-gradient(circle at bottom right, rgba(169, 130, 82, 0.08), transparent 26rem),
        linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));
    color: var(--text-primary);
}

html.theme-dark-roast-luxe nav {
    background: rgba(23, 19, 20, var(--nav-bg-opacity));
    border-bottom: 1px solid rgba(208, 164, 94, 0.12);
}

html.theme-dark-roast-luxe .wv-nav-logo-text,
html.theme-dark-roast-luxe .wv-hero-full-title {
    font-family: var(--font-heading);
    color: var(--text-primary);
    letter-spacing: -0.03em;
}

html.theme-dark-roast-luxe .wv-nav-logo-accent,
html.theme-dark-roast-luxe .wv-nav-link--active,
html.theme-dark-roast-luxe .text-brand-gold {
    color: var(--brand-gold) !important;
}

html.theme-dark-roast-luxe .wv-nav-link:hover,
html.theme-dark-roast-luxe .wv-mobile-link:hover,
html.theme-dark-roast-luxe .wv-dropdown-item:hover {
    background: rgba(208, 164, 94, 0.08);
    color: var(--text-primary);
}

html.theme-dark-roast-luxe .wv-btn--primary,
html.theme-dark-roast-luxe button[type="submit"] {
    background: linear-gradient(135deg, #D0A45E, #B78546);
    border: 1px solid rgba(208, 164, 94, 0.4);
    color: var(--text-inverse);
    border-radius: var(--radius-button);
    box-shadow: var(--shadow-card);
}

html.theme-dark-roast-luxe .wv-btn--outline,
html.theme-dark-roast-luxe input,
html.theme-dark-roast-luxe select,
html.theme-dark-roast-luxe textarea {
    background: rgba(52, 42, 44, 0.72);
    border: 1px solid var(--border-light);
    border-radius: var(--radius-input);
}

html.theme-dark-roast-luxe .wv-card,
html.theme-dark-roast-luxe .wv-product-card,
html.theme-dark-roast-luxe .wv-dropdown-menu,
html.theme-dark-roast-luxe #cart-sidebar-panel > div {
    background: rgba(34, 28, 29, 0.88);
    border: 1px solid rgba(208, 164, 94, 0.1);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

html.theme-dark-roast-luxe .wv-card:hover,
html.theme-dark-roast-luxe .wv-product-card:hover {
    box-shadow: var(--shadow-card-hover);
}

html.theme-dark-roast-luxe footer {
    background: #120F10;
}

html.theme-dark-roast-luxe .wv-section-title,
html.theme-dark-roast-luxe .wv-newsletter-title,
html.theme-dark-roast-luxe .wv-product-card-name,
html.theme-dark-roast-luxe .wv-hero-full-title {
    font-family: var(--font-heading);
    letter-spacing: -0.03em;
}

html.theme-dark-roast-luxe .wv-section-label,
html.theme-dark-roast-luxe .wv-nav-link,
html.theme-dark-roast-luxe .wv-mobile-link {
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

html.theme-dark-roast-luxe .wv-product-card,
html.theme-dark-roast-luxe .wv-card,
html.theme-dark-roast-luxe .wv-newsletter {
    position: relative;
    overflow: hidden;
}

html.theme-dark-roast-luxe .wv-product-card::before,
html.theme-dark-roast-luxe .wv-card::before,
html.theme-dark-roast-luxe .wv-newsletter::before {
    content: '';
    position: absolute;
    inset: 0;
    border: 1px solid rgba(208, 164, 94, 0.16);
    border-radius: inherit;
    pointer-events: none;
}

html.theme-dark-roast-luxe .wv-product-card:hover,
html.theme-dark-roast-luxe .wv-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
}

html.theme-dark-roast-luxe .wv-btn--primary:hover,
html.theme-dark-roast-luxe button[type="submit"]:hover {
    box-shadow: 0 18px 40px rgba(208, 164, 94, 0.28);
    transform: translateY(-1px);
}

html.theme-dark-roast-luxe .wv-hero-full,
html.theme-dark-roast-luxe footer {
    position: relative;
}

html.theme-dark-roast-luxe .wv-hero-full::after,
html.theme-dark-roast-luxe footer::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(208, 164, 94, 0.08), transparent 30%);
    pointer-events: none;
}

html.theme-dark-roast-luxe footer .text-gray-500,
html.theme-dark-roast-luxe footer .text-gray-600 {
    color: rgba(242, 230, 214, 0.66) !important;
}

html.theme-dark-roast-luxe .wv-hero-slider-content,
html.theme-dark-roast-luxe .wv-hero-full-content {
    max-width: 58rem;
    margin-inline: auto;
}

html.theme-dark-roast-luxe .wv-hero-slider-title,
html.theme-dark-roast-luxe .wv-hero-full-title {
    text-wrap: balance;
    text-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}

html.theme-dark-roast-luxe .wv-filter-section,
html.theme-dark-roast-luxe .wv-summary,
html.theme-dark-roast-luxe .wv-checkout-section,
html.theme-dark-roast-luxe .wv-review-card,
html.theme-dark-roast-luxe .wv-cart-item,
html.theme-dark-roast-luxe .wv-specs,
html.theme-dark-roast-luxe .wv-tabs {
    background: rgba(34, 28, 29, 0.86);
    border: 1px solid rgba(208, 164, 94, 0.12);
    box-shadow: var(--shadow-card);
}

html.theme-dark-roast-luxe .wv-filter-section,
html.theme-dark-roast-luxe .wv-summary,
html.theme-dark-roast-luxe .wv-checkout-section,
html.theme-dark-roast-luxe .wv-review-card {
    border-radius: 18px;
}

html.theme-dark-roast-luxe .wv-summary-title,
html.theme-dark-roast-luxe .wv-filter-title,
html.theme-dark-roast-luxe .wv-checkout-section-title,
html.theme-dark-roast-luxe .wv-cart-item-name,
html.theme-dark-roast-luxe .wv-spec-value {
    color: var(--text-primary);
}

html.theme-dark-roast-luxe .wv-summary-label,
html.theme-dark-roast-luxe .wv-cart-item-meta,
html.theme-dark-roast-luxe .wv-spec-label,
html.theme-dark-roast-luxe .wv-delivery-desc,
html.theme-dark-roast-luxe .wv-payment-desc {
    color: var(--text-secondary);
}

html.theme-dark-roast-luxe .wv-payment-option--active,
html.theme-dark-roast-luxe .wv-delivery-option--active,
html.theme-dark-roast-luxe .wv-filter-link--active {
    background: rgba(208, 164, 94, 0.10);
    border-color: rgba(208, 164, 94, 0.28);
}