:root {
        --armala-page: #fffaf2;
        --armala-surface: #ffffff;
        --armala-surface-soft: #f6efe5;
        --armala-ink: #082338;
        --armala-copy: #465e70;
        --armala-border: rgba(8, 35, 56, 0.14);
        --armala-shadow: 0 16px 36px rgba(8, 35, 56, 0.08);
        --armala-page-background:
            radial-gradient(circle at 12% 0%, rgba(184, 115, 63, 0.12), transparent 28rem),
            linear-gradient(180deg, #f6efe5 0%, #fffaf3 26%, #ffffff 100%);
    }

    html.armala-night {
        --armala-page: #071b28;
        --armala-surface: #123447;
        --armala-surface-soft: #183f53;
        --armala-ink: #fffaf2;
        --armala-copy: #d5e1e7;
        --armala-border: rgba(220, 235, 242, 0.22);
        --armala-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
        --armala-page-background:
            radial-gradient(circle at 14% 0%, rgba(230, 154, 85, 0.10), transparent 30rem),
            linear-gradient(180deg, #071b28 0%, #0a2637 55%, #071b28 100%);
    }

    html body {
        background: var(--armala-page-background) !important;
        color: var(--armala-copy) !important;
    }

    html body .armala-shop-hero,
    html body .armala-product-card,
    html body .armala-product-tabs,
    html body .woocommerce-tabs .panel,
    html body .woocommerce-tabs ul.tabs li,
    html body .armala-product-helper,
    html body .armala-shop-helper,
    html body .armala-source-product-details,
    html body .armala-launch-contact-hero,
    html body .armala-launch-contact-grid > .armala-launch-contact-card,
    html body .armala-launch-contact-help,
    html body .armala-launch-contact-help article,
    html body .armala-about-panel,
    html body .armala-about-step,
    html body .armala-blog-card,
    html body .ac2-grid .ac2-type-card,
    html body .ac2-grid-prod .ac2-prod-card,
    html body .armala-cqa-filter,
    html body .armala-consultation-booking,
    html body .armala-consultation-booking__embed {
        background: var(--armala-surface) !important;
        border-color: var(--armala-border) !important;
        box-shadow: var(--armala-shadow) !important;
        color: var(--armala-copy) !important;
    }

    html body .armala-product-helper > div,
    html body .armala-product-helper article,
    html body .armala-about-step,
    html body .armala-consultation-booking__message,
    html body .armala-cqa-filter select,
    html body .armala-cqa-filter input,
    html body .variations select,
    html body .woocommerce-tabs table,
    html body .woocommerce-tabs td,
    html body .woocommerce-tabs th {
        background: var(--armala-surface-soft) !important;
        border-color: var(--armala-border) !important;
        color: var(--armala-ink) !important;
    }

    html body .armala-shop-hero :is(h1, h2, h3),
    html body .armala-product-card :is(h1, h2, h3),
    html body .armala-product-tabs :is(h2, h3),
    html body .woocommerce-tabs :is(h2, h3),
    html body .armala-product-helper :is(h2, h3, strong),
    html body .armala-shop-helper :is(h2, h3, strong),
    html body .armala-source-product-details :is(h2, h3, strong),
    html body .armala-launch-contact-hero :is(h1, h2, h3),
    html body .armala-launch-contact-grid :is(h2, h3),
    html body .armala-launch-contact-help :is(h2, h3),
    html body .armala-about-panel :is(h1, h2, h3),
    html body .armala-about-step strong,
    html body .armala-blog-card :is(h2, h3),
    html body .ac2-name,
    html body .woocommerce-loop-product__title,
    html body .armala-consultation-booking h2 {
        color: var(--armala-ink) !important;
        -webkit-text-fill-color: var(--armala-ink) !important;
    }

    html body .armala-product-card :is(p, li),
    html body .armala-product-tabs :is(p, li, td, th),
    html body .woocommerce-tabs :is(p, li, td, th),
    html body .armala-product-helper :is(p, li),
    html body .armala-shop-helper :is(p, li),
    html body .armala-source-product-details :is(p, li),
    html body .armala-launch-contact-hero p,
    html body .armala-launch-contact-grid p,
    html body .armala-launch-contact-help p,
    html body .armala-about-panel p,
    html body .armala-about-step,
    html body .armala-blog-card p,
    html body .ac2-spec,
    html body .armala-consultation-booking__intro,
    html body .armala-consultation-booking__note,
    html body .armala-consultation-booking__message {
        color: var(--armala-copy) !important;
        -webkit-text-fill-color: var(--armala-copy) !important;
    }

    html body .armala-consultation-booking__cta {
        background: var(--armala-green, #164a3a) !important;
        border-color: var(--armala-green, #164a3a) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* Quote Cart uses deliberate light islands inside the night-mode panel. */
    html body .armala-lc-quote-panel .armala-lc-quote-head h2,
    html body .armala-lc-quote-panel .armala-lc-quote-item strong,
    html body .armala-lc-quote-panel .armala-lc-quote-item label,
    html body .armala-lc-quote-panel .armala-lc-quote-remove {
        color: #082338 !important;
        -webkit-text-fill-color: #082338 !important;
    }

    html body .armala-lc-quote-panel .armala-lc-quote-head p,
    html body .armala-lc-quote-panel .armala-lc-quote-meta {
        color: #405463 !important;
        -webkit-text-fill-color: #405463 !important;
    }

    html body .armala-lc-quote-panel .armala-lc-quote-item a {
        color: #a95722 !important;
        -webkit-text-fill-color: #a95722 !important;
        text-decoration-color: currentColor !important;
    }

    html body .armala-lc-quote-panel .armala-lc-quote-item input {
        background: #ffffff !important;
        border-color: rgba(8, 35, 56, 0.18) !important;
        color: #082338 !important;
        -webkit-text-fill-color: #082338 !important;
        color-scheme: light !important;
    }

    html body .woocommerce-tabs ul.tabs li.active,
    html body .ac2-pagination a:hover,
    html body .ac2-pagination a:focus-visible,
    html body .ac2-pagination .current {
        background: var(--armala-copper, #c8783c) !important;
        border-color: var(--armala-copper, #c8783c) !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    /* CookieYes is intentionally a self-contained light dialog in both modes. */
    html body :is(.cky-modal, .cky-preference-center, .cky-preference-content-wrapper,
        .cky-preference-body-wrapper, .cky-preference-body, .cky-footer-wrapper,
        .cky-prefrence-btn-wrapper, .cky-accordion-wrapper) {
        background: #fffdf8 !important;
        color: #304454 !important;
        color-scheme: light !important;
    }

    html body :is(.cky-modal, .cky-preference-center) :is(h1, h2, h3, h4, strong,
        .cky-preference-title, .cky-title, .cky-accordion-header-des,
        .cky-accordion-header .cky-always-active) {
        color: #082338 !important;
        -webkit-text-fill-color: #082338 !important;
    }

    html body :is(.cky-modal, .cky-preference-center) :is(p, span, label, li,
        .cky-preference-content-wrapper, .cky-preference-body-wrapper) {
        color: #304454 !important;
        -webkit-text-fill-color: #304454 !important;
    }

    html body :is(.cky-modal, .cky-preference-center) :is(.cky-btn, button:not(.cky-btn-close)) {
        background: #fffaf2 !important;
        border-color: #c8783c !important;
        color: #082338 !important;
        -webkit-text-fill-color: #082338 !important;
    }

    html body :is(.cky-modal, .cky-preference-center) :is(.cky-btn:hover, .cky-btn:focus-visible,
        button:not(.cky-btn-close):hover, button:not(.cky-btn-close):focus-visible) {
        background: #082338 !important;
        border-color: #082338 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }