:root[data-theme='dark'] {
  --contrast: #aab8c5;
  --contrast-2: #c7c8d4;
  --contrast-3: #e1e1e1;
  --base: #1e1f26;
  --base-2: #252630;
  --base-3: #17181e;
  --accent: #d91632;
  --racing: #cc3f3f;
  --news: #396eb3;
  --heads: #e6cd3b;
  --stories: #56b85a;
  --cars: #8974f1;
  --allgemein: #5e627e;
  --woo-surface: #252630;
  --woo-surface-2: #1e1f26;
  --woo-border: #3a3d4d;
  --woo-text: #e1e1e1;
  --woo-muted: #aab8c5;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --contrast: #aab8c5;
    --contrast-2: #c7c8d4;
    --contrast-3: #e1e1e1;
    --base: #1e1f26;
    --base-2: #252630;
    --base-3: #17181e;
    --accent: #d91632;
    --racing: #cc3f3f;
    --news: #396eb3;
    --heads: #e6cd3b;
    --stories: #56b85a;
    --cars: #8974f1;
    --allgemein: #5e627e;
    --woo-surface: #252630;
    --woo-surface-2: #1e1f26;
    --woo-border: #3a3d4d;
    --woo-text: #e1e1e1;
    --woo-muted: #aab8c5;
  }
}

:root[data-theme='dark'] :is(
  .site-header .header-image,
  .navigation-branding img,
  .woocommerce-breadcrumb,
  .site-logo.mobile-header-logo img,
  .site-footer .gb-image-5ec27a1e
) {
  filter: invert(1) brightness(1);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) :is(
  .site-header .header-image,
  .navigation-branding img,
  .woocommerce-breadcrumb,
  .site-logo.mobile-header-logo img,
  .site-footer .gb-image-5ec27a1e
) {
    filter: invert(1) brightness(1);
  }
}

.ppcp-messages {
  background-color: #fff;
  padding: 5px;
  border-radius: 3px;
}

.photo-shadow img {
  box-shadow: 10px 10px 0 rgba(20, 20, 20, 0.8) !important;
}

/* WooCommerce dark-mode fixups (apply only when dark tokens are set). */
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  .woocommerce-breadcrumb,
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
  .woocommerce-breadcrumb
  a,
.woocommerce .woocommerce-result-count,
.woocommerce .product_meta,
.woocommerce .product_meta a {
  color: var(--woo-muted);
}

.woocommerce table.shop_table,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tbody tr:nth-child(2n) td,
.woocommerce-cart .cart_totals table,
.woocommerce-checkout-review-order-table,
.woocommerce-checkout #payment,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
  background: var(--woo-surface);
  border-color: var(--woo-border);
  color: var(--woo-text);
}

.woocommerce input[type='text'],
.woocommerce input[type='email'],
.woocommerce input[type='tel'],
.woocommerce input[type='number'],
.woocommerce input[type='password'],
.woocommerce textarea,
.woocommerce select,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background: var(--woo-surface-2);
  border-color: var(--woo-border);
  color: var(--woo-text);
}

.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow b {
  color: var(--woo-text);
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error {
  background: var(--woo-surface);
  border-top-color: var(--accent);
  color: var(--woo-text);
}



.woocommerce div.product .woocommerce-tabs ul.tabs::after {
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.12) 0%,
    rgba(255, 255, 255, 0.12) 100%
  );
}