:root { color-scheme: light dark; }

@media (prefers-color-scheme: light) {
  html,
  .home-page,
  .cart-page,
  .checkout-page,
  .address-page,
  .category-products-page { background: #ececef; }

  .storefront,
  .store-tabs,
  .product-filters,
  .product-filters .product-filters__view,
  .product-feed,
  .categories-page,
  .category-list { background: #fff; color: #18181a; }
  .store-tabs,
  .product-filters { border-color: #e4e4e7; }
  .store-tabs a,
  .product-filters button,
  .category-products__filters button { color: #626267; }
  .store-tabs a.is-active,
  .product-filters button.is-active { color: #18181a; }
  .store-tabs a.is-active::after { background: #18181a; }
  .product-filters { box-shadow: 0 5px 8px rgba(0,0,0,.08); }
  .product-filters .product-filters__view { box-shadow: -7px 0 8px #fff; }
  .store-card { background: #fff; color: #202023; box-shadow: 0 2px 10px rgba(0,0,0,.16); }
  .store-card__identity h1,
  .store-card__identity small,
  .store-card__metrics { color: #454549; }
  .store-card__actions a,
  .store-card__actions button.is-following,
  .store-card__actions .store-card__message { background: #ededf0; color: #36363a; }
  .store-card__voucher { border-color: #b9e3e0; background: #edf9f8; }
  .store-card__voucher::before,
  .store-card__voucher::after { background: #fff; }
  .store-card__voucher strong { color: #252528; }
  .store-card__voucher small { color: #68686d; }
  .product-row__title,
  .category-row,
  .category-row > strong { color: #252528; }
  .product-row__social { color: #6d6d72; }
  .product-row__social strong { color: #222; }
  .product-row__purchase del,
  .category-row > span { color: #68686d; }
  .product-row__media { background: #ededf0; }
  .product-feed__loader button { border-color: #d0d0d4; background: #fff; color: #333; }
  .category-row + .category-row { border-color: #ededf0; }
  .category-row > img { background: #ededf0; }

  .store-home-banner,
  .store-home-section,
  .store-home-recommendations { background: #fff; }
  .store-home-section__header h2,
  .store-home-recommendations > h2 { color: #202023; }
  .store-home-section__header > a { color: #626267; }
  .store-home-top-card__image,
  .store-home-new-card__image,
  .store-home-recommendation-card__image { background: #ededf0; }
  .store-home-top-card__title,
  .store-home-new-card__title,
  .store-home-recommendation-card__title { color: #29292c; }
  .store-home-top-card small,
  .store-home-recommendation-card__social { color: #68686d; }
  .store-home-recommendation-card__social strong { color: #222; }
  .store-home-top-card del,
  .store-home-new-card__purchase del,
  .store-home-recommendation-card__purchase del { color: #77777c; }

  .category-products { background: #fff; color: #202023; }
  .category-products__header,
  .category-products__filters { border-color: #e4e4e7; background: #fff; box-shadow: 0 4px 8px rgba(0,0,0,.08); }
  .category-products__header > a:first-child span { border-color: #222; }
  .category-products__cart > img { filter: none; }
  .category-products__filters button.is-active { color: #202023; }
  .category-products__filters button.is-active::after { background: #202023; }
  .category-products__filters button + button::before { background: #e4e4e7; }
  .category-product__title { color: #29292c; }
  .category-product__social { color: #6f6f74; }
  .category-product__social strong { color: #222; }
  .category-product__price del { color: #68686d; }
  .category-product__media { background: #ededf0; }
  .category-product-grid__loader button { border-color: #d0d0d4; background: #fff; color: #333; }

  .cart-page {
    --cart-bg: #f4f4f6;
    --cart-surface: #fff;
    --cart-text: #202023;
    --cart-muted: #76767b;
    --cart-line: #e3e3e6;
  }
  .cart-header,
  .cart-address,
  .cart-checkout { background: #fff; }
  .cart-header button,
  .cart-item__title { color: #29292c; }
  .cart-header__back span { border-color: #222; }
  .cart-item__variant { background: #ededf0; color: #4b4b50; }
  .cart-quantity { background: #ededf0; }
  .cart-quantity button,
  .cart-quantity output { color: #333; }
  .cart-recommendations { border-color: #ececef; }
  .cart-recommendation { background: #fff; }
  .cart-recommendation > p { color: #29292c; }
  .cart-recommendation__image { background: #ededf0; }
  .cart-empty img { filter: none; }

  .checkout-page {
    --bg: #f4f4f6;
    --surface: #fff;
    --surface-soft: #ededf0;
    --text: #202023;
    --muted: #747479;
    --line: #e2e2e5;
  }
  .checkout-top,
  .checkout-action { background: #fff; }
  .checkout-header { border-color: #e2e2e5; }
  .checkout-header > a span { border-color: #222; }
  .checkout-address,
  .checkout-item__title { color: #29292c; }
  .checkout-item__quantity { background: #ededf0; }
  .checkout-item__quantity button,
  .checkout-item__quantity output { color: #333; }
  .checkout-delivery { background: #edf9f8; }
  .checkout-delivery label { color: #397d7a; }
  .checkout-delivery small,
  .checkout-delivery b { color: #555; }
  .checkout-summary dl > div:not(.checkout-summary__group):not(.checkout-summary__grand):not(.checkout-summary__payment-discount) { color: #646469; }
  .checkout-payment__method { border-color: #e5e5e8; }
  .checkout-terms { background: #fff; color: #666; }
  .checkout-note-sheet__panel { background: #fff; color: #222; }
  .checkout-note-sheet__panel textarea { background: #ededf0; color: #222; }
  .checkout-address-sheet__panel,
  .checkout-address-sheet__panel > header { background: #fff; color: #222; }

  .address-page { color: #202023; }
  .address-book,
  .address-form,
  .address-form__header { background: #fff; }
  .address-header,
  .address-form__header { border-color: #e4e4e7; }
  .address-header > a span,
  .address-form__header > button:first-child span { border-color: #222; }
  .address-add { border-color: #ededf0; color: #333; }
  .address-card { border-color: #ededf0; }
  .address-card__select { color: #66666b; }
  .address-card__select strong,
  .address-empty h2,
  .address-form__default span { color: #202023 !important; }
  .address-card__select small { background: #ededf0; color: #626267; }
  .address-empty,
  .address-form label > span { color: #68686d; }
  .address-form input,
  .address-form textarea { color: #222; }
}

@media (prefers-color-scheme: dark) {
  html,
  .home-page,
  .cart-page,
  .checkout-page,
  .address-page,
  .category-products-page,
  .product-detail-page,
  .order-tracking-page,
  .thank-you-page { background: #0c0c0d; }

  .product-detail-page {
    --color-text: #f1f1f2;
    --color-muted: #a0a0a5;
    --color-line: #343438;
    --color-surface: #171719;
    --color-page: #0b0b0c;
  }
  .product-detail { box-shadow: none; }
  .product-header { border-color: var(--color-line); background: rgba(23,23,25,.98); }
  .product-search { background: #2c2c30; }
  .product-search input { color: #ddd; }
  .product-tabs__item { color: #99999e; }
  .product-search__icon,
  .product-variant-strip__grid-icon { color: #c5c5c8; }
  .product-gallery__stage,
  .related-card__image { background: #29292c; }
  .purchase-bar,
  .product-variant-strip,
  .product-description__toggle,
  .related-card,
  .variant-sheet__panel,
  .variant-sheet__actions,
  .variant-card,
  .size-option { background: #1d1d20; color: var(--color-text); }
  .product-variant-strip__images:has(img:nth-of-type(6))::after { background: linear-gradient(90deg,transparent,#1d1d20 88%); }
  .product-hot-category { border-color: #67531f; background: #302a17; }
  .purchase-button--cart,
  .sheet-action--cart,
  .quantity-stepper { background: #303034; color: #f1f1f2; }
  .voucher--shipping { border-color: #235b58; background: #173331; }
  .voucher--shop { border-color: #60313a; background: #321c21; }
  .voucher button { background: #232326; }
  .shop-card__actions a,
  .shop-card__actions button,
  .shop-card__actions [data-shop-follow].is-following { background: #303034; color: #f1f1f2; }
  .related-products { background: #101011; }
  .review-card__comment,
  .product-specs dd,
  .product-description__content,
  .related-card__stats { color: #c4c4c8; }
  .review-stars .is-empty,
  .review-card__stars .is-empty { color: #66666b; }
  .variant-card,
  .size-option { border-color: #444448; }
  .variant-sheet__panel { color: #f1f1f2; }
  .quantity-stepper { background: #303034; }
  .product-detail .icon-image { filter: invert(1); }

  .store-card__voucher > b { color: #35b8b1; }
  .product-row__purchase del,
  .category-product__price del { color: #929297; }
  .category-row > span { color: #aaaab0; }

  .cart-variant-sheet__panel,
  .cart-variant-option { border-color: #444448; background: #1d1d20; color: #f1f1f2; }
  .cart-variant-sheet__header { border-color: #38383c; }
  .cart-variant-sheet__loading,
  .cart-variant-sheet__product span,
  .cart-variant-option span { color: #b8b8bd; }

  .order-tracking-page {
    --text: #ededee;
    --muted: #a0a0a5;
    --line: #343438;
    color: var(--text);
  }
  .order-tracking { background: #0b0b0c; }
  .tracking-header { background: linear-gradient(105deg,#1a1a1d,#21171a 47%,#102326); }
  .tracking-header > a span { border-color: #eee; }
  .tracking-header p { color: #aaa; }
  .tracking-progress,
  .tracking-address,
  .tracking-shop,
  .tracking-order-info,
  .tracking-support,
  .tracking-recommendations-title,
  .tracking-actions { background: #1d1d20; }
  .tracking-progress li::before,
  .tracking-progress.is-cancelled li::before { background: #444448; }
  .tracking-progress li span { border-color: #1d1d20; box-shadow: 0 0 0 1px #1d1d20; }
  .tracking-item > img { background: #303034; }
  .tracking-address small,
  .tracking-shop > header a,
  .tracking-item p,
  .tracking-support a > span { color: #b5b5ba; }
  .tracking-order-info button span,
  .tracking-order-info button span::after { border-color: #ddd; }
  .tracking-order-info button span::after { background: #1d1d20; }
  .tracking-actions a { background: #303034; }

  .thank-you-page { color: #f1f1f2; }
  .thank-you { background: #171719; }
  .thank-you > header { border-color: #343438; }
  .thank-you > header span { border-color: #eee; }
  .thank-you__success p { color: #aaa; }
  .thank-you__success button { background: #2c2c30; color: #f1f1f2; }
  .thank-you__vouchers article { color: #222; }
}