/* ═══════════════════════════════════════════════════════════════
   NOMAD DESIGN — Premium Light Theme
   Warm ivory · champagne gold · editorial contrast
   ═══════════════════════════════════════════════════════════════ */

[data-theme="light"] {
    /* Core palette */
    --color-dark: #FAF8F4;
    --color-dark-soft: #F0EBE3;
    --color-bg: #FAF8F4;
    --color-bg-soft: #F3EFE8;
    --color-text: #2C2620;
    --color-text-muted: #7A7167;
    --color-text-secondary: rgba(44, 38, 32, 0.78);
    --color-text-tertiary: rgba(44, 38, 32, 0.56);
    --color-text-quaternary: rgba(44, 38, 32, 0.84);

    /* Gold — deeper for light surfaces */
    --color-gold: #A8863B;
    --color-gold-rich: #8B6F2E;
    --color-gold-light: #C4A055;
    --color-gold-gradient: linear-gradient(135deg, #D4B96A 0%, #A8863B 48%, #8B6F2E 100%);
    --color-gold-glow: rgba(168, 134, 59, 0.22);

    /* Surfaces */
    --color-card: #FFFFFF;
    --color-card-elevated: #FFFDF9;
    --color-cream: #EDE8DF;
    --color-on-cream: #2C2620;
    --color-border: rgba(139, 111, 46, 0.22);
    --color-border-subtle: rgba(44, 38, 32, 0.08);

    /* UI tokens */
    --color-surface-input: rgba(255, 255, 255, 0.92);
    --color-surface-input-focus: #FFFFFF;
    --color-surface-muted: rgba(168, 134, 59, 0.06);
    --color-panel-surface: rgba(44, 38, 32, 0.03);
    --color-panel-track: rgba(44, 38, 32, 0.1);
    --color-calc-tab: rgba(44, 38, 32, 0.45);
    --color-calc-tab-hover: rgba(44, 38, 32, 0.78);
    --color-card-arrow-bg: rgba(255, 255, 255, 0.92);
    --color-badge-bg: rgba(255, 255, 255, 0.94);
    --color-faq-bg: rgba(255, 255, 255, 0.72);
    --color-image-overlay: linear-gradient(to top, rgba(44, 38, 32, 0.62) 0%, transparent 55%);

    /* Header & chrome */
    --color-header-bg: rgba(250, 248, 244, 0.78);
    --color-header-bg-scrolled: rgba(255, 255, 255, 0.92);
    --color-footer-bg: #F0EBE3;
    --color-nav-link: rgba(44, 38, 32, 0.86);
    --color-nav-link-muted: rgba(44, 38, 32, 0.42);
    --color-lang-separator: rgba(44, 38, 32, 0.14);
    --color-input-bg: rgba(255, 255, 255, 0.88);
    --color-input-bg-focus: #FFFFFF;
    --color-input-placeholder: rgba(44, 38, 32, 0.36);
    --color-divider: rgba(44, 38, 32, 0.07);
    --color-preloader-track: rgba(44, 38, 32, 0.07);
    --color-select-bg: #FFFFFF;
    --color-select-option-bg: #FFFFFF;
    --color-select-option-text: #2C2620;
    --color-shadow-header: 0 4px 24px rgba(44, 38, 32, 0.06), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    --color-category-title: rgba(44, 38, 32, 0.8);
    --color-section-cream-muted: #6B635A;
    --color-section-cream-muted-2: #8A8178;
    --logo-blend-mode: normal;

    /* Sections */
    --color-page-hero-bg: linear-gradient(165deg, #EDE8DF 0%, #FAF8F4 55%, #F7F3EC 100%);
    --color-projects-bg: #EDE8DF;
    --color-projects-title: #2C2620;
    --color-usp-section: linear-gradient(180deg, #FFFFFF 0%, #F3EFE8 100%);
    --color-hero-text: #FFFFFF;
    --color-hero-subtitle: rgba(255, 255, 255, 0.92);
    --color-hero-overlay: linear-gradient(102deg, rgba(44,38,32,0.82) 0%, rgba(44,38,32,0.48) 36%, rgba(44,38,32,0.2) 58%, rgba(44,38,32,0.42) 100%);

    /* Shadows */
    --shadow-premium: 0 24px 64px rgba(44, 38, 32, 0.08);
    --shadow-gold: 0 10px 36px rgba(168, 134, 59, 0.2);
    --shadow-card: 0 4px 16px rgba(44, 38, 32, 0.05), 0 20px 56px rgba(168, 134, 59, 0.1);
    --shadow-card-soft: 0 2px 8px rgba(44, 38, 32, 0.04), 0 12px 32px rgba(44, 38, 32, 0.06);
}

/* Ambient page background */
[data-theme="light"] body {
    background-color: var(--color-bg);
    background-image:
        radial-gradient(ellipse 90% 55% at 8% -8%, rgba(196, 160, 85, 0.11) 0%, transparent 58%),
        radial-gradient(ellipse 70% 45% at 96% 4%, rgba(168, 134, 59, 0.07) 0%, transparent 52%),
        radial-gradient(ellipse 60% 40% at 50% 100%, rgba(237, 232, 223, 0.9) 0%, transparent 60%);
    background-attachment: fixed;
}

[data-theme="light"] .preloader {
    background: var(--color-bg);
}

/* Header — light theme logo (logo2.png, тёмный на прозрачном) */
html[data-theme="light"] .site-header .logo-theme-light,
html[data-theme="light"] .footer-brand .logo-theme-light,
html[data-theme="light"] .preloader .logo-theme-light {
    mix-blend-mode: normal;
    filter: none;
}

[data-theme="light"] .site-header {
    backdrop-filter: blur(28px) saturate(1.6);
    border-bottom-color: rgba(139, 111, 46, 0.12);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
}

[data-theme="light"] .site-header::after {
    opacity: 0.55;
    background: linear-gradient(90deg, transparent, rgba(168, 134, 59, 0.55), transparent);
}

[data-theme="light"] .site-header.scrolled {
    box-shadow: var(--color-shadow-header);
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active {
    color: var(--color-gold-rich);
}

[data-theme="light"] .lang-switch a.active {
    color: var(--color-gold-rich);
}

[data-theme="light"] .theme-toggle {
    background: rgba(255, 255, 255, 0.85);
    border-color: rgba(139, 111, 46, 0.22);
    box-shadow: 0 2px 8px rgba(44, 38, 32, 0.04);
}

[data-theme="light"] .theme-toggle:hover {
    background: #FFFFFF;
    border-color: var(--color-gold-rich);
    color: var(--color-gold-rich);
}

[data-theme="light"] .search-box input {
    box-shadow: inset 0 1px 2px rgba(44, 38, 32, 0.04);
}

[data-theme="light"] .search-box input:focus {
    box-shadow: 0 0 0 3px rgba(168, 134, 59, 0.14), inset 0 1px 2px rgba(44, 38, 32, 0.03);
}

[data-theme="light"] .search-results {
    box-shadow: 0 20px 56px rgba(44, 38, 32, 0.12);
    border-color: rgba(44, 38, 32, 0.08);
}

[data-theme="light"] .mobile-nav {
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(20px);
    box-shadow: 0 16px 48px rgba(44, 38, 32, 0.1);
}

/* Sections */
[data-theme="light"] .section-dark {
    background: transparent;
}

[data-theme="light"] .section-cream {
    background: var(--color-cream);
    border-top: 1px solid rgba(139, 111, 46, 0.1);
    border-bottom: 1px solid rgba(139, 111, 46, 0.1);
}

[data-theme="light"] .process-section {
    background: var(--color-cream);
}

[data-theme="light"] .projects-section {
    background: var(--color-projects-bg);
    border-top: 1px solid rgba(139, 111, 46, 0.1);
}

[data-theme="light"] .production-section {
    background: transparent;
}

@media (max-width: 1199px) {
    [data-theme="light"] .hero-stats {
        background: var(--color-bg-soft);
        border-top-color: var(--color-border);
    }
    [data-theme="light"] .hero-stats .stat-number {
        color: var(--color-gold-rich);
        -webkit-text-fill-color: var(--color-gold-rich);
    }
    [data-theme="light"] .hero-stats .stat-label {
        color: var(--color-text-secondary);
    }
}

@media (min-width: 1200px) {
    [data-theme="light"] .hero-stats {
        background: rgba(255, 255, 255, 0.92);
        border-color: rgba(139, 111, 46, 0.16);
        box-shadow: 0 10px 32px rgba(44, 38, 32, 0.12);
    }
    [data-theme="light"] .hero-stats .stat-number {
        color: var(--color-gold-rich);
        -webkit-text-fill-color: var(--color-gold-rich);
        text-shadow: none;
    }
    [data-theme="light"] .hero-stats .stat-label {
        color: var(--color-text-secondary);
        text-shadow: none;
    }
}

/* Cards — layered white surfaces */
[data-theme="light"] .service-card,
[data-theme="light"] .product-card,
[data-theme="light"] .stairs-feature-card,
[data-theme="light"] .service-direction-card,
[data-theme="light"] .services-usp-card,
[data-theme="light"] .material-card,
[data-theme="light"] .services-empty {
    background: var(--color-card);
    border-color: rgba(44, 38, 32, 0.07);
    box-shadow: var(--shadow-card-soft);
}

[data-theme="light"] .service-card:hover,
[data-theme="light"] .product-card:hover,
[data-theme="light"] .stairs-feature-card:hover,
[data-theme="light"] .service-direction-card:hover {
    box-shadow: var(--shadow-card);
    border-color: rgba(168, 134, 59, 0.28);
}

[data-theme="light"] .service-card-arrow {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(168, 134, 59, 0.35);
    color: var(--color-gold-rich);
    box-shadow: 0 4px 14px rgba(44, 38, 32, 0.08);
}

[data-theme="light"] .service-card:hover .service-card-arrow {
    color: #2C2620;
}

/* Category bar */
[data-theme="light"] .category-bar-wrap {
    background: linear-gradient(180deg, rgba(255,255,255,0.6) 0%, transparent 100%);
    border-bottom: 1px solid rgba(44, 38, 32, 0.06);
}

[data-theme="light"] .category-tile {
    background: #FFFFFF;
    border-color: rgba(44, 38, 32, 0.08);
    box-shadow: 0 2px 8px rgba(44, 38, 32, 0.03);
}

[data-theme="light"] .category-tile:hover {
    border-color: rgba(168, 134, 59, 0.35);
    box-shadow: 0 6px 20px rgba(168, 134, 59, 0.1);
}

[data-theme="light"] .category-tile.active {
    background: linear-gradient(165deg, rgba(212, 185, 106, 0.16) 0%, #FFFFFF 100%);
    border-color: rgba(168, 134, 59, 0.45);
    box-shadow: 0 0 0 1px rgba(168, 134, 59, 0.12), 0 8px 28px rgba(168, 134, 59, 0.14);
}

[data-theme="light"] .category-tile-icon {
    background: linear-gradient(145deg, rgba(212, 185, 106, 0.14) 0%, #FFFFFF 100%);
    border-color: rgba(168, 134, 59, 0.28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1), 0 4px 12px rgba(168, 134, 59, 0.1);
}

[data-theme="light"] .category-tile-icon .service-svg {
    color: var(--color-gold-rich);
    filter: drop-shadow(0 1px 4px rgba(168, 134, 59, 0.25));
}

[data-theme="light"] .category-slider-btn {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(168, 134, 59, 0.22);
    color: var(--color-gold-rich);
    box-shadow: 0 4px 16px rgba(44, 38, 32, 0.06);
}

/* Calculator & configurator */
[data-theme="light"] .calc-panel,
[data-theme="light"] .config-panel,
[data-theme="light"] .calc-config-section,
[data-theme="light"] .filters-sidebar,
[data-theme="light"] .contact-form-dark {
    background: #FFFFFF;
    border-color: rgba(44, 38, 32, 0.08);
    box-shadow: var(--shadow-card-soft);
}

[data-theme="light"] .calc-tabs--underline .calc-tab {
    color: var(--color-calc-tab);
}

[data-theme="light"] .calc-tabs--underline .calc-tab:hover {
    color: var(--color-calc-tab-hover);
}

[data-theme="light"] .calc-tabs--underline .calc-tab.active {
    color: var(--color-gold-rich);
}

[data-theme="light"] .calc-divider,
[data-theme="light"] .config-divider {
    background: rgba(44, 38, 32, 0.08);
}

[data-theme="light"] .calc-field input,
[data-theme="light"] .config-field select {
    background: var(--color-panel-surface);
    border-color: rgba(44, 38, 32, 0.1);
}

[data-theme="light"] .range-slider input[type=range] {
    background: var(--color-panel-track);
}

[data-theme="light"] .config-carousel-btn {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(168, 134, 59, 0.3);
    color: var(--color-gold-rich);
    box-shadow: 0 4px 16px rgba(44, 38, 32, 0.1);
}

[data-theme="light"] .config-carousel-btn:hover {
    background: rgba(212, 185, 106, 0.18);
}

[data-theme="light"] .configurator-preview {
    background: #EDE8DF;
}

/* Help banner & CTA */
[data-theme="light"] .help-banner {
    background: linear-gradient(135deg, #FFFFFF 0%, #F7F3EC 100%);
    border: 1px solid rgba(139, 111, 46, 0.14);
    box-shadow: var(--shadow-card-soft);
}

[data-theme="light"] .help-banner::before {
    opacity: 0.35;
}

[data-theme="light"] .help-banner-img {
    box-shadow: var(--shadow-premium);
}

[data-theme="light"] .b2b-commercial-visual {
    background: linear-gradient(135deg, #FFFFFF 0%, #F7F3EC 100%);
    border-color: rgba(139, 111, 46, 0.14);
}

[data-theme="light"] .b2b-commercial-fallback {
    background: linear-gradient(135deg, #F7F3EC 0%, #EDE8DF 100%);
}

[data-theme="light"] .b2b-strip {
    background: linear-gradient(135deg, #FFFFFF 0%, #F7F3EC 100%);
    border-top-color: rgba(139, 111, 46, 0.14);
}

[data-theme="light"] .b2b-strip-title {
    color: #1A1A1A;
}

/* Reviews page */
[data-theme="light"] .reviews-stats {
    background: linear-gradient(135deg, #FFFFFF 0%, #F7F3EC 100%);
    border-color: rgba(139, 111, 46, 0.18);
    box-shadow: 0 8px 28px rgba(44, 38, 32, 0.06);
}
[data-theme="light"] .reviews-stat-value {
    color: var(--color-gold-rich);
}
[data-theme="light"] .reviews-stat-label,
[data-theme="light"] .reviews-stat--cta p {
    color: var(--color-text-secondary);
}
[data-theme="light"] .review-stars {
    color: var(--color-gold-rich);
}
[data-theme="light"] .review-card {
    background: #FFFFFF;
    border-color: rgba(139, 111, 46, 0.14);
    box-shadow: 0 8px 24px rgba(44, 38, 32, 0.06);
}
[data-theme="light"] .review-card:hover {
    border-color: rgba(139, 111, 46, 0.28);
    box-shadow: 0 14px 36px rgba(44, 38, 32, 0.1);
}
[data-theme="light"] .review-card-icon {
    color: rgba(139, 111, 46, 0.2);
}
[data-theme="light"] .review-card-text,
[data-theme="light"] .review-card-footer span {
    color: var(--color-text-secondary);
}
[data-theme="light"] .review-card-footer strong {
    color: var(--color-text);
}
[data-theme="light"] .reviews-empty {
    background: var(--color-bg-soft);
    border-color: rgba(139, 111, 46, 0.22);
}

/* Footer */
[data-theme="light"] .site-footer {
    background: var(--color-footer-bg);
    border-top-color: rgba(139, 111, 46, 0.14);
}

[data-theme="light"] .site-footer::before {
    opacity: 0.45;
}

[data-theme="light"] .footer-credit {
    border-top-color: rgba(139, 111, 46, 0.12);
}

[data-theme="light"] .footer-credit-heart {
    color: #b8864a;
}

/* Modals & forms */
[data-theme="light"] .modal-dark {
    box-shadow: 0 32px 80px rgba(44, 38, 32, 0.16);
}

[data-theme="light"] .modal-dark select,
[data-theme="light"] .modal-dark .form-select,
[data-theme="light"] select.form-dark,
[data-theme="light"] .form-dark.form-select {
    color-scheme: light;
}

[data-theme="light"] .modal-dark .btn-close-white {
    filter: invert(1) grayscale(1);
    opacity: 0.55;
}

[data-theme="light"] .modal-dark .btn-close-white:hover {
    opacity: 0.85;
}

[data-theme="light"] .form-dark:focus {
    box-shadow: 0 0 0 3px rgba(168, 134, 59, 0.12);
}

/* Services page specifics */
[data-theme="light"] .services-usp {
    background: var(--color-usp-section);
    border-bottom-color: rgba(44, 38, 32, 0.06);
}

[data-theme="light"] .services-about-badge {
    box-shadow: 0 8px 32px rgba(44, 38, 32, 0.12);
    border-color: rgba(168, 134, 59, 0.35);
}

[data-theme="light"] .services-about-badge-num {
    color: var(--color-gold-rich);
}

[data-theme="light"] .about-map-section .about-map-card {
    background: linear-gradient(160deg, #ffffff 0%, #f7f2ea 100%);
    border-color: rgba(168, 134, 59, 0.22);
    box-shadow: 0 20px 50px rgba(44, 38, 32, 0.08);
}
[data-theme="light"] .about-map-card-address { color: var(--color-text); }
[data-theme="light"] .about-map-card-note { color: var(--color-text-muted); }
[data-theme="light"] .about-map-card-title { color: var(--color-gold-rich); }

[data-theme="light"] .service-direction-icon {
    background: linear-gradient(145deg, rgba(212, 185, 106, 0.12) 0%, #FFFFFF 100%);
    border-color: rgba(168, 134, 59, 0.25);
}

[data-theme="light"] .service-direction-icon .service-svg {
    color: var(--color-gold-rich);
}

[data-theme="light"] .stairs-feature-visual-overlay {
    background: linear-gradient(to top, rgba(44, 38, 32, 0.5) 0%, transparent 55%);
}

[data-theme="light"] .stairs-feature-icon {
    background: rgba(255, 255, 255, 0.92);
    color: var(--color-gold-rich);
}

/* Hero blocks — keep photo readability */
[data-theme="light"] .catalog-hero-overlay,
[data-theme="light"] .services-hero-overlay {
    background:
        linear-gradient(90deg, rgba(44,38,32,0.82) 0%, rgba(44,38,32,0.45) 48%, rgba(44,38,32,0.28) 100%),
        linear-gradient(to top, rgba(44,38,32,0.88) 0%, transparent 62%);
}

[data-theme="light"] .project-card {
    background: #FFFFFF;
    box-shadow: var(--shadow-card-soft);
    border: 1px solid rgba(44, 38, 32, 0.06);
}

[data-theme="light"] .project-card:hover {
    box-shadow: var(--shadow-card);
}

[data-theme="light"] .faq-item {
    background: #FFFFFF;
    box-shadow: 0 2px 8px rgba(44, 38, 32, 0.03);
}

[data-theme="light"] .faq-item[open] {
    border-color: rgba(168, 134, 59, 0.25);
    box-shadow: 0 4px 20px rgba(168, 134, 59, 0.08);
}

[data-theme="light"] .product-card-materials {
    color: var(--color-text-muted);
}

[data-theme="light"] .product-card-title {
    color: var(--color-text);
}

[data-theme="light"] .btn-outline-gold {
    color: var(--color-gold-rich);
    border-color: rgba(168, 134, 59, 0.45);
}

[data-theme="light"] .hero-actions .btn-outline-gold {
    color: var(--color-gold-rich);
    background: rgba(255, 255, 255, 0.88);
    border-color: rgba(168, 134, 59, 0.55);
    text-shadow: none;
    box-shadow: 0 4px 16px rgba(44, 38, 32, 0.08);
}

[data-theme="light"] .btn-outline-gold:hover {
    color: #2C2620;
}

[data-theme="light"] .page-hero {
    background: var(--color-page-hero-bg);
}

[data-theme="light"] .page-hero-title {
    color: var(--color-text);
}

[data-theme="light"] .calc-result {
    background: linear-gradient(135deg, rgba(212, 185, 106, 0.14) 0%, rgba(168, 134, 59, 0.06) 100%);
    border-color: rgba(168, 134, 59, 0.22);
}

[data-theme="light"] .calc-select,
[data-theme="light"] .calc-num-input {
    background-color: rgba(255, 255, 255, 0.95);
    color: var(--color-text);
    color-scheme: light;
    box-shadow: inset 0 1px 2px rgba(44, 38, 32, 0.04);
}

[data-theme="light"] .calc-select option {
    background-color: var(--color-select-option-bg);
    color: var(--color-select-option-text);
}

[data-theme="light"] .services-usp-icon {
    background: linear-gradient(145deg, rgba(212, 185, 106, 0.1) 0%, #FFFFFF 100%);
    border-color: rgba(168, 134, 59, 0.28);
    color: var(--color-gold-rich);
}

[data-theme="light"] .product-card-arrow {
    background: rgba(255, 255, 255, 0.95);
    color: var(--color-gold-rich);
    box-shadow: 0 2px 10px rgba(44, 38, 32, 0.06);
}

[data-theme="light"] .section-title {
    color: var(--color-text);
}

[data-theme="light"] .btn-projects-all {
    color: var(--color-gold-rich);
    border-color: rgba(168, 134, 59, 0.4);
    background: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .btn-projects-all:hover {
    color: #2C2620;
}

/* Smooth theme transition (respect reduced motion) */
@media (prefers-reduced-motion: no-preference) {
    html[data-theme="light"] body,
    html[data-theme="light"] .site-header,
    html[data-theme="light"] .service-card,
    html[data-theme="light"] .product-card,
    html[data-theme="light"] .category-tile,
    html[data-theme="light"] .calc-panel,
    html[data-theme="light"] .config-panel {
        transition: background-color 0.45s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.45s ease;
    }
}