body:not([data-theme="dark"]) .hero-section {
    --hero-bg: #f4efe8;
    --hero-title-color: #1d1d1d;
    --hero-text-color: #4d4d4d;
    --hero-badge-bg: rgba(255, 255, 255, 0.72);
    --hero-badge-border: rgba(197, 160, 89, 0.45);
    --hero-metric-border: rgba(24, 24, 24, 0.12);
    --hero-metric-icon-bg: rgba(197, 160, 89, 0.12);
    --hero-card-bg: rgba(255, 255, 255, 0.66);
    --hero-card-border: rgba(197, 160, 89, 0.4);
    --hero-card-title-color: #1b1b1b;
    --hero-card-sub-color: #505050;
    --hero-status-bg: rgba(255, 255, 255, 0.82);
    --hero-status-text: #1b1b1b;
    --hero-metric-title-color: #1b1b1b;
    --hero-metric-sub-color: #5d5d5d;
}

[data-theme="dark"] {
    --color-light: #121212;
    --color-bg-alt: #181818;
    --color-primary-light: #201b16;
    --color-text-main: #E2E2E2;
    --color-text-muted: #9E9E9E;
    --color-border: #2A2A2A;
    --color-white: #1C1C1C;
    --color-dark: #FFFFFF;
}

[data-theme="dark"] body {
    background-color: var(--color-light);
    color: var(--color-text-main);
}

[data-theme="dark"] *::selection,
[data-theme="dark"] *::-moz-selection {
    background: transparent;
    color: inherit;
}

[data-theme="dark"] .section-padding {
    background-color: #0D0D0D;
}

[data-theme="dark"] .bg-alt {
    background-color: #453e33;
}

[data-theme="dark"] .bg-dark {
    background-color: #1b1a18;
}

[data-theme="dark"] .header {
    background-color: rgba(18, 18, 18, 0.94);
    border-bottom-color: #2A2A2A;
}

[data-theme="dark"] .header.scrolled {
    background-color: rgba(24, 24, 24, 0.98);
}

[data-theme="dark"] .nav-dropdown-menu {
    background-color: #1A1A1A;
    border-color: #2E2E2E;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .nav-dropdown-item {
    color: #E2E2E2;
}

[data-theme="dark"] .nav-dropdown-item:hover,
[data-theme="dark"] .nav-dropdown-item.active {
    background-color: rgba(197, 160, 89, 0.15);
    color: var(--color-primary);
}

[data-theme="dark"] .cut-btn {
    background-color: #1A1A1A;
    color: #FFFFFF;
    border-color: #2E2E2E;
}

[data-theme="dark"] .cut-btn.active {
    background-color: var(--color-primary);
    color: #FFFFFF;
}

[data-theme="dark"] .cut-visualizer-card,
[data-theme="dark"] .sensory-card,
[data-theme="dark"] .journey-step-card,
[data-theme="dark"] .artisan-card,
[data-theme="dark"] .matrix-container,
[data-theme="dark"] .tier-card,
[data-theme="dark"] .story-card,
[data-theme="dark"] .concierge-booking-box {
    background-color: #1A1A1A;
    border-color: #2E2E2E;
}

[data-theme="dark"] .cut-specs-grid,
[data-theme="dark"] .matrix-row:nth-child(even),
[data-theme="dark"] .meter-track,
[data-theme="dark"] .service-pill-btn,
[data-theme="dark"] .location-radio-label {
    background-color: #222222;
    border-color: #333333;
    color: #E2E2E2;
}

[data-theme="dark"] .service-pill-btn.active,
[data-theme="dark"] .location-radio-label.active {
    background-color: rgba(197, 160, 89, 0.2);
    border-color: var(--color-primary);
    color: var(--color-primary);
}

[data-theme="dark"] .brand-name,
[data-theme="dark"] .nav-link,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] .accordion-header,
[data-theme="dark"] .pricing-name,
[data-theme="dark"] .author-name,
[data-theme="dark"] .testimonial-quote,
[data-theme="dark"] .form-label,
[data-theme="dark"] .spec-value,
[data-theme="dark"] .matrix-feature-name,
[data-theme="dark"] .matrix-bespoke-val,
[data-theme="dark"] .tier-price-amount,
[data-theme="dark"] .client-name,
[data-theme="dark"] .journey-step-perks {
    color: #FFFFFF;
}

[data-theme="dark"] p {
    color: var(--color-text-muted);
}

[data-theme="dark"] .header-control-btn {
    color: #FFFFFF;
    border-color: #383838;
}

[data-theme="dark"] .header-control-btn:hover {
    border-color: var(--color-primary);
    color: var(--color-primary);
}

[data-theme="dark"] .btn-outline {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

[data-theme="dark"] .btn-outline:hover {
    background-color: #FFFFFF;
    color: #121212;
}

[data-theme="dark"] .benefit-card,
[data-theme="dark"] .service-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .stat-item,
[data-theme="dark"] .tailor-card,
[data-theme="dark"] .fabric-card,
[data-theme="dark"] .pricing-category-card,
[data-theme="dark"] .turnaround-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .booking-form-wrapper,
[data-theme="dark"] .accordion-item,
[data-theme="dark"] .process-step-item,
[data-theme="dark"] .key-takeaways-box,
[data-theme="dark"] .modal-content {
    background-color: #1C1C1C;
    border-color: #2E2E2E;
}

[data-theme="dark"] .alterations-page .pricing-note {
    background: rgba(197, 160, 89, 0.08);
    border-color: rgba(197, 160, 89, 0.38);
    color: #f5efe7;
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-select,
[data-theme="dark"] .form-textarea {
    background-color: #262626;
    border-color: #3A3A3A;
    color: #FFFFFF;
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-textarea:focus {
    background-color: #1E1E1E;
    border-color: var(--color-primary);
}

[data-theme="dark"] .hero-section {
    --hero-bg: #14110f;
    --hero-title-color: #f4efe7;
    --hero-text-color: #ffffff;
    --hero-badge-bg: rgba(20, 20, 20, 0.7);
    --hero-badge-border: rgba(197, 160, 89, 0.55);
    --hero-metric-border: rgba(255, 255, 255, 0.12);
    --hero-metric-icon-bg: rgba(197, 160, 89, 0.14);
    --hero-card-bg: rgba(20, 20, 20, 0.72);
    --hero-card-border: rgba(197, 160, 89, 0.4);
    --hero-card-title-color: #f7f3ee;
    --hero-card-sub-color: #ffffff;
    --hero-status-bg: rgba(26, 26, 26, 0.8);
    --hero-status-text: #f7f3ee;
    --hero-metric-title-color: #f7f3ee;
    --hero-metric-sub-color: #ffffff;
    background-color: var(--hero-bg);
}

[data-theme="dark"] .maintenance-page {
    background: radial-gradient(circle at top, rgba(197, 160, 89, 0.12), transparent 30%), linear-gradient(135deg, #121212 0%, #181818 48%, #0e0e0e 100%);
}

[data-theme="dark"] .maintenance-card {
    background: rgba(18, 18, 18, 0.88);
    border-color: rgba(197, 160, 89, 0.45);
    box-shadow: 0 24px 65px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .maintenance-title,
[data-theme="dark"] .maintenance-subtitle,
[data-theme="dark"] .maintenance-btn.secondary {
    color: #f4efe7;
}

[data-theme="dark"] .maintenance-btn.secondary {
    border-color: rgba(255, 255, 255, 0.18);
}

[data-theme="dark"] .floating-swatch-badge,
[data-theme="dark"] .floating-artisan-seal {
    background: rgba(18, 18, 18, 0.96);
    border-color: rgba(197, 160, 89, 0.85);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.75);
}

[data-theme="dark"] .swatch-name,
[data-theme="dark"] .swatch-origin,
[data-theme="dark"] .seal-text strong,
[data-theme="dark"] .seal-text span,
[data-theme="dark"] .lookbook-pill-tag,
[data-theme="dark"] .lookbook-title,
[data-theme="dark"] .lookbook-fabric-badge,
[data-theme="dark"] .lookbook-fabric-badge span,
[data-theme="dark"] .lookbook-title,
[data-theme="dark"] .lookbook-pill-tag {
    color: #FFFFFF !important;
}

[data-theme="dark"] .lookbook-fabric-badge i,
[data-theme="dark"] .floating-artisan-seal i {
    color: var(--color-primary);
}

[data-theme="dark"] .lookbook-glass-overlay {
    background: linear-gradient(180deg, transparent 0%, rgba(10, 10, 10, 0.7) 30%, rgba(10, 10, 10, 0.96) 100%);
}

body:not([data-theme="dark"]) .hero-section {
    --hero-title-color: #1d1d1d;
    --hero-text-color: #4d4d4d;
    --hero-badge-bg: rgba(255, 255, 255, 0.72);
    --hero-badge-border: rgba(197, 160, 89, 0.45);
    --hero-card-bg: rgba(255, 255, 255, 0.66);
    --hero-card-title-color: #1b1b1b;
    --hero-card-sub-color: #505050;
    --hero-status-bg: rgba(255, 255, 255, 0.82);
    --hero-status-text: #1b1b1b;
    --hero-metric-title-color: #1b1b1b;
    --hero-metric-sub-color: #5d5d5d;
}

[data-theme="dark"] .hero-section .metric-pill-item strong,
[data-theme="dark"] .hero-section .metric-pill-item span,
[data-theme="dark"] .hero-section .hero-card-title,
[data-theme="dark"] .hero-section .hero-card-copy,
[data-theme="dark"] .hero-section .theme-card-badge,
[data-theme="dark"] .hero-section .hero-status-box {
    color: var(--hero-title-color);
}

[data-theme="dark"] .page-hero {
    background-color: #161616;
    border-bottom-color: #2C2C2C;
}

[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .contact-map-panel
/* [data-theme="dark"] .contact-cta-title, */
/* [data-theme="dark"] .contact-cta-copy  */
{
    background-color: #121212;
    color: #F5F1EB;
}

[data-theme="dark"] .contact-info-card h2,
[data-theme="dark"] .contact-info-card h4,
[data-theme="dark"] .contact-map-panel .contact-map-title,
[data-theme="dark"] .contact-cta-title {
    color: #FFFFFF;
}

[data-theme="dark"] .contact-info-card .info-item p,
[data-theme="dark"] .contact-map-panel .contact-map-copy,
[data-theme="dark"] .contact-cta-copy {
    color: #D9D9D9;
}

[data-theme="dark"] .cta-banner,
[data-theme="dark"] .cta-banner .section-subtitle,
[data-theme="dark"] .cta-banner h2,
[data-theme="dark"] .cta-banner p {
    color: #F5F1EB !important;
}

[data-theme="dark"] .auth-page {
    background:
        linear-gradient(rgba(12, 9, 7, 0.8), rgba(12, 9, 7, 0.88)),
        url('../assets/images/home banner.jpg') center/cover no-repeat;
}

[data-theme="dark"] .auth-page .auth-card {
    background: #1b1b1b;
    border-color: #2f2f2f;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .auth-page .auth-brand,
[data-theme="dark"] .auth-page .auth-title,
[data-theme="dark"] .auth-page .auth-subtitle,
[data-theme="dark"] .auth-page .auth-field label,
[data-theme="dark"] .auth-page .auth-check,
[data-theme="dark"] .auth-page .auth-home-link,
[data-theme="dark"] .auth-page .auth-socials button,
[data-theme="dark"] .auth-page .auth-link-bottom,
[data-theme="dark"] .auth-page .auth-link-bottom a {
    color: #f5f5f5;
}

[data-theme="dark"] .auth-page .auth-home-link,
[data-theme="dark"] .auth-page .auth-socials button,
[data-theme="dark"] .auth-page .auth-field input {
    background: #101010;
    border-color: #3a3a3a;
    color: #f5f5f5;
}

[data-theme="dark"] .auth-page .auth-field input::placeholder {
    color: #a9a9a9;
}

[data-theme="dark"] .auth-page .auth-divider span {
    background: #1b1b1b;
}

[data-theme="dark"] .auth-page .auth-subtitle,
[data-theme="dark"] .auth-page .auth-link-bottom {
    color: #d4d4d4;
}

[data-theme="dark"] .comparison-table-wrapper {
    background-color: #1C1C1C;
    border-color: #2E2E2E;
}

[data-theme="dark"] .comparison-table td {
    border-bottom-color: #2E2E2E;
    color: #CCCCCC;
}

[data-theme="dark"] .comparison-table tr:hover {
    background-color: #262626;
}

[data-theme="dark"] .auth-modal-dialog {
    background: #1c1c1c;
    border-color: #2e2e2e;
}

[data-theme="dark"] .auth-close,
[data-theme="dark"] .auth-home-link,
[data-theme="dark"] .auth-switch-btn,
[data-theme="dark"] .auth-socials button,
[data-theme="dark"] .auth-field input {
    background: #1d1d1d;
    border-color: #3a3a3a;
    color: #f5f5f5;
}

[data-theme="dark"] .auth-divider span {
    background: #1c1c1c;
}

[data-theme="dark"] .auth-field label,
[data-theme="dark"] .auth-title,
[data-theme="dark"] .auth-subtitle {
    color: #f5f5f5;
}

[data-theme="dark"] .page-hero {
    background-color: #0d0d0d;
}

[data-theme="dark"] .footer {
    background-color: #121212;
    color: #f5f5f5;
    border-top-color: #2a2a2a;
}

[data-theme="dark"] .footer-brand .brand-logo .brand-name {
    color: #ffffff;
}

[data-theme="dark"] .footer-brand p {
    color: #b8b8b8;
}

[data-theme="dark"] .footer-title {
    color: #ffffff;
}

[data-theme="dark"] .footer-links a {
    color: #dcdcdc;
}

[data-theme="dark"] .footer-newsletter-form input {
    background-color: #222222;
    border-color: #333333;
    color: #ffffff;
}

[data-theme="dark"] .social-icon {
    border-color: #333333;
    color: #ffffff;
}

[data-theme="dark"] .footer-bottom {
    border-top-color: #222222;
    color: #bebebe;
}