:root {
    color-scheme: light;
    --accent: #3f92dc;
    --accent-dark: #1c6eb4;
    --ink: #12365a;
    --muted: #6f8297;
    --line: #d8e5ef;
    --page: #f5faff;
    --surface: #ffffff;
    --soft: #edf6fc;
    --danger: #e8789d;
    --shadow: 0 18px 50px rgba(48, 104, 152, .11);
    --page-bg: #f5faff;
    --surface-muted: #edf6fc;
    --text: #12365a;
    --text-muted: #6f8297;
    --border: #d8e5ef;
    --color-primary: #3f92dc;
    --color-primary-dark: #1c6eb4;
    --success: #21875a;
}

body {
    background: linear-gradient(180deg, #f9fcff 0%, #f2f8fd 100%);
    color: var(--ink, var(--text));
}

.storefront,
.product-shell,
.shell,
.container {
    background-color: transparent;
}

.store-header,
.product-topbar,
.topbar,
.bottom-nav,
.buy-bar {
    border-color: rgba(205, 222, 235, .95);
    background-color: rgba(255, 255, 255, .97);
    box-shadow: 0 10px 32px rgba(44, 97, 143, .08);
}

.store-logo:not(.has-logo) {
    background: linear-gradient(145deg, #61ace9, #2f82cb);
    color: #ffffff;
}

.store-logo.has-logo,
.gallery-column,
.gallery-slide,
.gallery-dots,
.color-option,
.action-button,
.favorite-toggle,
.section-category-thumb,
.category-back,
.weight-chip,
.quantity-button,
.qty-btn,
.field input,
.field select,
.field textarea,
input,
textarea {
    background-color: #ffffff;
}

.copy-link,
.topbar-button,
.back {
    background-color: #edf6fc;
    color: #1c6eb4;
}

.copy-link:hover,
.topbar-button:hover,
.back:hover {
    background-color: #e2f1fb;
}

.search-box svg,
.product-search svg {
    color: #7f94a8;
}

.search-box input,
.product-search input {
    border-color: #dbe8f2;
    background-color: #f4f9fd;
    color: #12365a;
}

.search-box input::placeholder,
.product-search input::placeholder {
    color: #9aabba;
}

.search-box input:focus,
.product-search input:focus,
.field input:focus,
.field select:focus,
.field textarea:focus,
input:focus,
textarea:focus {
    border-color: #3f92dc;
    background-color: #ffffff;
    box-shadow: 0 0 0 4px rgba(63, 146, 220, .14);
}

.quick-link {
    border-color: transparent;
    color: #476884;
}

.quick-link:hover {
    border-bottom-color: #3f92dc;
    color: #12365a;
}

.quick-link.favorites svg {
    color: #e8789d;
    fill: #e8789d;
}

.quick-link.discounts svg {
    color: #d9955e;
}

.quick-link.new svg {
    color: #3f92dc;
    fill: #8fc9f2;
}

.section-heading h2,
.selected-category-heading h2,
.category-group-title,
.product-name,
.product-title,
.current-price,
.page-header h1,
.card h2,
.item-title,
.total-price {
    color: #12365a;
}

.section-heading p,
.section-category-title,
.brand-copy p,
.option-heading span,
.price-per-kg,
.page-subtitle,
.store-label,
.intro,
.item-unit-price,
.summary-row,
.checkout-copy,
.checkout-note {
    color: #6f8297;
}

.category-back,
.section-category-thumb,
.category-image,
.product-card,
.product-panel,
.card,
.cart-item,
.summary-card,
.empty,
.action-button,
.favorite-toggle,
.weight-chip,
.color-option-media,
.field input,
.field select,
.field textarea,
input,
textarea {
    border-color: #d8e5ef;
}

.category-back,
.section-category-thumb,
.product-card,
.product-panel,
.card,
.cart-item,
.summary-card,
.empty {
    background-color: #ffffff;
    box-shadow: 0 10px 32px rgba(44, 97, 143, .07);
}

.category-image,
.product-media,
.gallery-placeholder,
.item-image,
.item-image-placeholder,
.empty-state,
.empty,
.order,
.address-card,
.details-card,
.out-of-stock,
.quantity,
.qty-row,
.pill,
.support-link {
    background-color: #f3f8fc;
}

.category-fallback,
.product-placeholder,
.gallery-placeholder,
.empty-state svg,
.item-image-placeholder {
    color: #9ab0c2;
}

.section-category-link,
.category-card,
.category-name,
.description,
.characteristic dd,
.summary-value,
.summary-row strong,
.field-label,
.address-card p,
label span,
.checkbox {
    color: #355875;
}

.section-category-link.active,
.category-card:hover,
.category-name {
    color: #12365a;
}

.section-category-link.active .section-category-thumb {
    border-color: #3f92dc;
    box-shadow: 0 0 0 2px rgba(63, 146, 220, .18), 0 5px 17px rgba(44, 97, 143, .10);
}

.discount-badge {
    background-color: #e8789d;
    color: #ffffff;
}

.favorite-toggle,
.action-button {
    color: #52718b;
}

.favorite-toggle[aria-pressed="true"],
.action-button[aria-pressed="true"] {
    border-color: #efbfd0;
    background-color: #fff1f6;
    color: #d95986;
}

.stock-overlay {
    background-color: rgba(247, 251, 254, .86);
    color: #355875;
}

.weight-chip {
    color: #52718b;
}

.weight-chip.active {
    border-color: #3f92dc;
    background-color: #eaf5fd;
    color: #155f99;
    box-shadow: 0 0 0 1px #3f92dc;
}

.add-button,
.buy-button,
.empty-link,
.btn.primary,
.summary-count {
    background-color: #3f92dc;
    color: #ffffff;
}

.add-button:hover,
.buy-button:hover,
.empty-link:hover,
.btn.primary:hover {
    background-color: #1c6eb4;
}

.add-button:disabled,
.buy-button:disabled {
    background-color: #dce8f1;
    color: #8194a5;
}

.quantity,
.qty-row {
    border-color: #d8e5ef;
    background-color: #edf6fc;
}

.quantity-button,
.qty-btn {
    color: #1c6eb4;
    box-shadow: 0 2px 8px rgba(44, 97, 143, .09);
}

.quantity-button:hover,
.qty-btn:hover {
    background-color: #3f92dc;
    color: #ffffff;
}

.nav-item {
    color: #71869a;
}

.nav-item.active {
    background-color: #eaf5fd;
    color: #1c6eb4;
}

.cart-badge {
    border-color: #ffffff;
    background-color: #3f92dc;
    color: #ffffff;
}

.current-price.is-sale {
    color: #d95986;
}

.old-price,
.product-price span,
.price-per-kg {
    color: #8ba0b2;
}

.details-card,
.order-summary {
    border-color: #d8e5ef;
    background-color: #f3f8fc;
}

.characteristics {
    border-color: #d8e5ef;
}

.description,
.characteristic dt {
    color: #5f7890;
}

.summary-link,
.delivery-note,
.next-step,
.item-variant,
.default {
    background-color: #eaf5fd;
    color: #285f8d;
}

.summary-link span,
.item-variant,
.default {
    color: #285f8d;
}

.track,
.delivery-quote-action {
    background-color: #1c6eb4;
    color: #ffffff;
}

.btn,
.support-link,
.back-btn {
    border-color: #d8e5ef;
    background-color: #f3f8fc;
    color: #355875;
}

.btn.danger,
.alert,
.errors {
    border-color: #f0cad7;
    background-color: #fff1f6;
    color: #a63f65;
}

.flash,
.pill.status {
    background-color: #e8f7ef;
    color: #21875a;
}

.checkout-btn,
.btn-whatsapp {
    background-color: #2ca96b;
    color: #ffffff;
}

.success-mark {
    background-color: #e8f7ef;
    color: #21875a;
}

.summary-total,
.store-link:hover {
    color: #1c6eb4;
}

:focus-visible {
    outline-color: rgba(63, 146, 220, .38);
}

@media (hover: hover) {
    .bottom-nav .nav-item:hover,
    .nav-item:hover {
        background-color: #eaf5fd;
        color: #1c6eb4;
    }

    .bottom-nav .nav-item.active:hover,
    .nav-item.active:hover {
        background-color: #dceffc;
        color: #155f99;
    }

    .back-btn:hover {
        border-color: #3f92dc;
        background-color: #eaf5fd;
        color: #1c6eb4;
    }

    .topbar-button:hover,
    .action-button:hover,
    .copy-link:hover,
    .back:hover {
        background-color: #e2f1fb;
        color: #1c6eb4;
    }

    .color-option:hover,
    .weight-chip:hover {
        border-color: #3f92dc;
    }

    .add-button:hover,
    .buy-button:hover,
    .empty-link:hover,
    .btn.primary:hover,
    .qty-btn:hover,
    .quantity-button:hover {
        background-color: #1c6eb4;
        color: #ffffff;
    }
}