:root,
[data-theme="aqua-light"],
[data-theme="aqua-light-v2"],
[data-theme="aqua-light-v3"]{
  --theme-name:"Aqua Klar V1";
  --theme-page-bg:#eef4f2;
  --theme-shell-bg:#ffffff;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#edf5f6;
  --theme-panel-bg:#f7fbfa;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f8fbfc;
  --theme-border:#d8e6e7;
  --theme-border-strong:#b9d1d7;
  --theme-text:#163646;
  --theme-text-soft:#344f5a;
  --theme-muted:#617982;
  --theme-link:#17485c;
  --theme-link-hover:#0f6f8d;
  --theme-accent:#218b63;
  --theme-accent-2:#0f7894;
  --theme-info:#8db8c8;
  --theme-admin:#f2a33a;
  --theme-admin-soft:#fffaf0;
  --theme-danger:#c13b2d;
  --theme-danger-soft:#fff2f0;
  --theme-success:#218b63;
  --theme-success-soft:#e8f7ee;
  --theme-warning:#d68100;
  --theme-warning-soft:#fff6df;
  --theme-disabled:#7a8f99;
  --theme-disabled-soft:#eef3f5;
  --theme-chip-bg:#edf4f5;
  --theme-chip-active-bg:#f6ede7;
  --theme-chip-active-border:#ead9cf;
  --theme-input-bg:var(--theme-card-bg);
  --theme-input-focus-bg:var(--theme-shell-bg);
  --theme-input-disabled-bg:var(--theme-card-soft);
  --theme-button-bg:var(--theme-card-soft);
  --theme-button-bg-hover:var(--theme-chip-bg);
  --theme-button-primary-bg:var(--theme-link);
  --theme-button-primary-bg-hover:var(--theme-link-hover);
  --theme-button-primary-text:#ffffff;
  --theme-table-head-bg:var(--theme-chip-bg);
  --theme-table-row-border:var(--theme-border);
  --theme-hover-bg:var(--theme-card-soft);
  --theme-active-bg:var(--theme-detail-highlight-bg);
  --theme-active-soft-bg:var(--theme-detail-highlight-bg);
  --theme-surface-soft:var(--theme-panel-bg);
  --theme-accent-soft-border:var(--theme-border-strong);
  --theme-overlay:rgba(7,19,26,.62);
  --theme-overlay-soft:rgba(14,31,39,.18);
  --theme-selection-bg:rgba(55, 125, 150, .22);
  --theme-on-dark:#ffffff;
  --theme-product-card-bg:var(--theme-card-bg);
  --theme-product-card-border:var(--theme-border);
  --theme-product-card-border-hover:var(--theme-border-strong);
  --theme-product-card-shadow:0 4px 14px var(--theme-shadow-soft);
  --theme-product-card-shadow-hover:0 9px 22px var(--theme-shadow-medium);
  --theme-product-image-bg:#ffffff;
  --theme-product-number-bg:var(--theme-chip-bg);
  --theme-product-number-text:var(--theme-text);
  --theme-news-card-bg:var(--theme-card-bg);
  --theme-news-card-border:var(--theme-border);
  --theme-news-card-accent:var(--theme-info);
  --theme-news-card-shadow:0 10px 26px var(--theme-shadow-soft);
  --theme-setting-card-bg:var(--theme-card-bg);
  --theme-setting-card-border:var(--theme-border);
  --theme-setting-card-accent:var(--theme-info);
  --theme-setting-card-shadow:0 10px 26px var(--theme-shadow-soft);
  --theme-detail-panel-bg:var(--theme-card-bg);
  --theme-detail-soft-bg:var(--theme-card-soft);
  --theme-detail-highlight-bg:var(--theme-chip-bg);
  --theme-detail-note-bg:var(--theme-admin-soft);
  --theme-detail-note-border:var(--theme-admin);
  --theme-shadow-soft:rgba(8,27,38,.06);
  --theme-shadow-medium:rgba(8,27,38,.12);
  --theme-shadow-nav:rgba(29,74,98,.07);
}

[data-theme="pearl-clear"],
[data-theme="pearl-clear-v2"],
[data-theme="pearl-clear-v3"]{
  --theme-name:"Perle V1";
  --theme-page-bg:#f1f5f6;
  --theme-shell-bg:#ffffff;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#f4f7f8;
  --theme-panel-bg:#fafcfc;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f7fafb;
  --theme-border:#dce7ea;
  --theme-border-strong:#bfd1d8;
  --theme-text:#1f3742;
  --theme-text-soft:#405964;
  --theme-muted:#70828b;
  --theme-link:#24536a;
  --theme-link-hover:#147292;
  --theme-accent:#2d8b72;
  --theme-accent-2:#3c8aa2;
  --theme-info:#9dbfca;
  --theme-admin:#f2a33a;
  --theme-danger:#ba4035;
  --theme-chip-bg:#edf3f5;
  --theme-shadow-soft:rgba(20,40,50,.05);
  --theme-shadow-medium:rgba(20,40,50,.10);
  --theme-shadow-nav:rgba(31,55,66,.06);
}

[data-theme="lagoon"],
[data-theme="lagoon-v2"],
[data-theme="lagoon-v3"]{
  --theme-name:"Lagune V1";
  --theme-page-bg:#e8f4f3;
  --theme-shell-bg:#ffffff;
  --theme-header-bg:#fbfefe;
  --theme-nav-bg:#e3f1f1;
  --theme-panel-bg:#f1f9f8;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f4fbfa;
  --theme-border:#cfe4e2;
  --theme-border-strong:#9fc7c5;
  --theme-text:#153d45;
  --theme-text-soft:#335b61;
  --theme-muted:#5e7f83;
  --theme-link:#0f5f73;
  --theme-link-hover:#078099;
  --theme-accent:#15926f;
  --theme-accent-2:#087f92;
  --theme-info:#78b7c2;
  --theme-admin:#ec9a2d;
  --theme-danger:#bd4a3d;
  --theme-chip-bg:#e3f0f0;
  --theme-shadow-soft:rgba(5,55,64,.06);
  --theme-shadow-medium:rgba(5,55,64,.13);
  --theme-shadow-nav:rgba(8,98,112,.08);
}

[data-theme="reef-mint"],
[data-theme="reef-mint-v2"],
[data-theme="reef-mint-v3"]{
  --theme-name:"Riff Mint V1";
  --theme-page-bg:#edf5ee;
  --theme-shell-bg:#ffffff;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#eaf3ec;
  --theme-panel-bg:#f5fbf6;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f7fbf8;
  --theme-border:#d7e7da;
  --theme-border-strong:#b5d0be;
  --theme-text:#173b35;
  --theme-text-soft:#3f5c55;
  --theme-muted:#6e837c;
  --theme-link:#1c604f;
  --theme-link-hover:#138262;
  --theme-accent:#248a57;
  --theme-accent-2:#2c8c9c;
  --theme-info:#8ebba8;
  --theme-admin:#eda12f;
  --theme-danger:#bd4638;
  --theme-chip-bg:#eaf3ed;
  --theme-shadow-soft:rgba(16,52,42,.055);
  --theme-shadow-medium:rgba(16,52,42,.12);
  --theme-shadow-nav:rgba(36,112,78,.07);
}

[data-theme="coral-soft"],
[data-theme="coral-soft-v2"],
[data-theme="coral-soft-v3"]{
  --theme-name:"Koralle Soft V1";
  --theme-page-bg:#f3f1ee;
  --theme-shell-bg:#fffefe;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#f5efec;
  --theme-panel-bg:#fbf8f5;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#fbf7f4;
  --theme-border:#e6dcd6;
  --theme-border-strong:#d2bfb5;
  --theme-text:#2b3940;
  --theme-text-soft:#5a4f4b;
  --theme-muted:#83736b;
  --theme-link:#435f70;
  --theme-link-hover:#26738b;
  --theme-accent:#277c68;
  --theme-accent-2:#c46b58;
  --theme-info:#d4a796;
  --theme-admin:#f0a12f;
  --theme-danger:#b94d42;
  --theme-chip-bg:#f1e8e2;
  --theme-shadow-soft:rgba(54,36,28,.05);
  --theme-shadow-medium:rgba(54,36,28,.12);
  --theme-shadow-nav:rgba(120,70,48,.07);
}

[data-theme="nordic-blue"],
[data-theme="nordic-blue-v2"],
[data-theme="nordic-blue-v3"]{
  --theme-name:"Nordic Blau V1";
  --theme-page-bg:#edf2f7;
  --theme-shell-bg:#ffffff;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#e8eef5;
  --theme-panel-bg:#f6f9fc;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f7fafc;
  --theme-border:#d6e1ea;
  --theme-border-strong:#b6c8d6;
  --theme-text:#173246;
  --theme-text-soft:#405467;
  --theme-muted:#6b7d8e;
  --theme-link:#214f78;
  --theme-link-hover:#126f95;
  --theme-accent:#28745f;
  --theme-accent-2:#2c7592;
  --theme-info:#8aaac0;
  --theme-admin:#ef9f2f;
  --theme-danger:#b9433d;
  --theme-chip-bg:#eaf1f7;
  --theme-shadow-soft:rgba(20,43,68,.055);
  --theme-shadow-medium:rgba(20,43,68,.12);
  --theme-shadow-nav:rgba(35,76,116,.07);
}

[data-theme="graphite"],
[data-theme="graphite-v2"],
[data-theme="graphite-v3"]{
  --theme-name:"Graphit V1";
  --theme-page-bg:#e9eef0;
  --theme-shell-bg:#fbfcfc;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#e3eaee;
  --theme-panel-bg:#f4f7f8;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f6f8f9;
  --theme-border:#d3dde2;
  --theme-border-strong:#adbdc5;
  --theme-text:#1e3038;
  --theme-text-soft:#43545c;
  --theme-muted:#687983;
  --theme-link:#254a5c;
  --theme-link-hover:#0e6f8b;
  --theme-accent:#2c7e65;
  --theme-accent-2:#356f8a;
  --theme-info:#899fac;
  --theme-admin:#e99b2d;
  --theme-danger:#ae4039;
  --theme-chip-bg:#e8eef1;
  --theme-shadow-soft:rgba(21,33,40,.06);
  --theme-shadow-medium:rgba(21,33,40,.14);
  --theme-shadow-nav:rgba(21,33,40,.08);
}

[data-theme="deep-water"],
[data-theme="deep-water-v2"],
[data-theme="deep-water-v3"]{
  --theme-name:"Deep Water V1";
  --theme-page-bg:#dfe9ec;
  --theme-shell-bg:#fbfdfd;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#dbe8ec;
  --theme-panel-bg:#f3f8f9;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f6fafb;
  --theme-border:#ccdde2;
  --theme-border-strong:#9db9c3;
  --theme-text:#0f2d3a;
  --theme-text-soft:#2e4e5b;
  --theme-muted:#5e7882;
  --theme-link:#0f4f69;
  --theme-link-hover:#007fa3;
  --theme-accent:#188265;
  --theme-accent-2:#056b8a;
  --theme-info:#6aa8b9;
  --theme-admin:#f2a33a;
  --theme-danger:#b7443a;
  --theme-chip-bg:#e3eef1;
  --theme-shadow-soft:rgba(4,38,52,.06);
  --theme-shadow-medium:rgba(4,38,52,.16);
  --theme-shadow-nav:rgba(4,68,88,.10);
}

[data-theme="freshwater"],
[data-theme="freshwater-v2"],
[data-theme="freshwater-v3"]{
  --theme-name:"Freshwater V1";
  --theme-page-bg:#edf4f8;
  --theme-shell-bg:#ffffff;
  --theme-header-bg:#ffffff;
  --theme-nav-bg:#e9f2f7;
  --theme-panel-bg:#f5fafc;
  --theme-card-bg:#ffffff;
  --theme-card-soft:#f7fbfd;
  --theme-border:#d4e4eb;
  --theme-border-strong:#adc9d7;
  --theme-text:#173746;
  --theme-text-soft:#3d5867;
  --theme-muted:#6c818c;
  --theme-link:#175674;
  --theme-link-hover:#0a7ca4;
  --theme-accent:#2b8068;
  --theme-accent-2:#2183aa;
  --theme-info:#86b8d0;
  --theme-admin:#ed9f2d;
  --theme-danger:#b8443a;
  --theme-chip-bg:#e8f2f6;
  --theme-shadow-soft:rgba(12,52,72,.055);
  --theme-shadow-medium:rgba(12,52,72,.13);
  --theme-shadow-nav:rgba(12,92,126,.08);
}

[data-theme="aqua-light-v2"]{
  --theme-name:"Aqua Klar V2";
  --theme-page-bg:#e8f1ef;
  --theme-nav-bg:#e2eef0;
  --theme-panel-bg:#f2f8f7;
  --theme-card-soft:#f4faf9;
  --theme-border:#cfe2e4;
  --theme-border-strong:#a8c7cf;
  --theme-muted:#58717b;
  --theme-chip-bg:#e3eef0;
  --theme-info:#76aeba;
  --theme-shadow-medium:rgba(8,42,52,.14);
}

[data-theme="aqua-light-v3"]{
  --theme-name:"Aqua Klar V3";
  --theme-page-bg:#f4f7f5;
  --theme-nav-bg:#f7faf8;
  --theme-panel-bg:#fbfdfb;
  --theme-card-soft:#ffffff;
  --theme-border:#dde7e4;
  --theme-border-strong:#b7cdc9;
  --theme-link:#0f5b72;
  --theme-link-hover:#0082a0;
  --theme-accent:#16885f;
  --theme-info:#6daec0;
  --theme-chip-bg:#eff5f3;
  --theme-shadow-soft:rgba(8,27,38,.04);
}

[data-theme="pearl-clear-v2"]{
  --theme-name:"Perle V2";
  --theme-page-bg:#edf3f4;
  --theme-nav-bg:#eef4f5;
  --theme-panel-bg:#f5f9fa;
  --theme-card-soft:#f9fbfb;
  --theme-border:#d2e0e4;
  --theme-border-strong:#aebfc8;
  --theme-muted:#647985;
  --theme-link:#1d4d64;
  --theme-info:#8db5c4;
  --theme-chip-bg:#e7eef1;
  --theme-shadow-medium:rgba(20,40,50,.13);
}

[data-theme="pearl-clear-v3"]{
  --theme-name:"Perle V3";
  --theme-page-bg:#f6f8f8;
  --theme-shell-bg:#fdfefe;
  --theme-nav-bg:#ffffff;
  --theme-panel-bg:#fbfdfd;
  --theme-card-bg:#ffffff;
  --theme-border:#e4ecee;
  --theme-border-strong:#c8d8de;
  --theme-text:#253943;
  --theme-link:#2a5f79;
  --theme-accent:#23856a;
  --theme-chip-bg:#f0f4f5;
  --theme-shadow-soft:rgba(20,40,50,.035);
}

[data-theme="lagoon-v2"]{
  --theme-name:"Lagune V2";
  --theme-page-bg:#dff0ef;
  --theme-nav-bg:#d7ecec;
  --theme-panel-bg:#edf8f7;
  --theme-card-soft:#f1faf9;
  --theme-border:#c2dcda;
  --theme-border-strong:#8fbfbd;
  --theme-link:#0a596b;
  --theme-link-hover:#007c93;
  --theme-accent:#0e8a69;
  --theme-info:#63aeb9;
  --theme-chip-bg:#dcecec;
}

[data-theme="lagoon-v3"]{
  --theme-name:"Lagune V3";
  --theme-page-bg:#edf7f5;
  --theme-nav-bg:#eff8f8;
  --theme-panel-bg:#f8fdfc;
  --theme-border:#d7ebe7;
  --theme-border-strong:#a7d0cb;
  --theme-text:#103945;
  --theme-text-soft:#2f5d66;
  --theme-accent:#1a9b70;
  --theme-accent-2:#007994;
  --theme-info:#8ac7cf;
  --theme-chip-bg:#e9f4f2;
  --theme-shadow-medium:rgba(5,55,64,.10);
}

[data-theme="reef-mint-v2"]{
  --theme-name:"Riff Mint V2";
  --theme-page-bg:#e5f1e7;
  --theme-nav-bg:#e0efe4;
  --theme-panel-bg:#eef8f1;
  --theme-card-soft:#f3faf5;
  --theme-border:#c8e0ce;
  --theme-border-strong:#9fc3ab;
  --theme-link:#185a48;
  --theme-link-hover:#087b5a;
  --theme-accent:#1f7f4f;
  --theme-info:#7cb79e;
  --theme-chip-bg:#dfeee4;
}

[data-theme="reef-mint-v3"]{
  --theme-name:"Riff Mint V3";
  --theme-page-bg:#f2f7f1;
  --theme-nav-bg:#f3faf4;
  --theme-panel-bg:#fbfdf9;
  --theme-border:#dcebdd;
  --theme-border-strong:#bad4bf;
  --theme-text:#153831;
  --theme-muted:#637f73;
  --theme-link:#1b654f;
  --theme-accent:#2e9860;
  --theme-accent-2:#1f8295;
  --theme-chip-bg:#edf5ee;
  --theme-shadow-soft:rgba(16,52,42,.04);
}

[data-theme="coral-soft-v2"]{
  --theme-name:"Koralle Soft V2";
  --theme-page-bg:#f1ebe6;
  --theme-nav-bg:#f3e9e3;
  --theme-panel-bg:#faf3ee;
  --theme-card-soft:#fbf5f1;
  --theme-border:#e0d0c7;
  --theme-border-strong:#c8aa9b;
  --theme-text:#324047;
  --theme-muted:#79685f;
  --theme-link:#3d6172;
  --theme-accent-2:#b95f50;
  --theme-info:#c9917f;
  --theme-chip-bg:#eee0d8;
}

[data-theme="coral-soft-v3"]{
  --theme-name:"Koralle Soft V3";
  --theme-page-bg:#f7f4f0;
  --theme-nav-bg:#fbf5f1;
  --theme-panel-bg:#fffaf7;
  --theme-border:#eadfd8;
  --theme-border-strong:#d8c4b8;
  --theme-text:#26363e;
  --theme-text-soft:#534946;
  --theme-link:#2f6074;
  --theme-link-hover:#14708a;
  --theme-accent:#1f8068;
  --theme-info:#dfb5a4;
  --theme-chip-bg:#f4ebe6;
}

[data-theme="nordic-blue-v2"]{
  --theme-name:"Nordic Blau V2";
  --theme-page-bg:#e5edf5;
  --theme-nav-bg:#dde8f2;
  --theme-panel-bg:#f1f6fb;
  --theme-card-soft:#f4f8fc;
  --theme-border:#cbdbe7;
  --theme-border-strong:#9fb8cc;
  --theme-link:#194b73;
  --theme-link-hover:#0b6f98;
  --theme-accent:#22705a;
  --theme-info:#759cb8;
  --theme-chip-bg:#e1ebf4;
  --theme-shadow-medium:rgba(20,43,68,.15);
}

[data-theme="nordic-blue-v3"]{
  --theme-name:"Nordic Blau V3";
  --theme-page-bg:#f2f6fa;
  --theme-nav-bg:#f4f8fc;
  --theme-panel-bg:#fbfdff;
  --theme-border:#dce7f0;
  --theme-border-strong:#bdd0df;
  --theme-text:#142f44;
  --theme-muted:#63788b;
  --theme-link:#215b87;
  --theme-accent:#2a8068;
  --theme-accent-2:#1d7fa3;
  --theme-info:#9ab7ca;
  --theme-chip-bg:#edf4fa;
}

[data-theme="graphite-v2"]{
  --theme-name:"Graphit V2";
  --theme-page-bg:#e1e8eb;
  --theme-shell-bg:#f9fbfb;
  --theme-nav-bg:#dbe4e8;
  --theme-panel-bg:#eef3f5;
  --theme-card-soft:#f3f6f7;
  --theme-border:#c8d4d9;
  --theme-border-strong:#9dafb8;
  --theme-text:#182b33;
  --theme-muted:#5e7079;
  --theme-link:#1e4658;
  --theme-info:#748c99;
  --theme-chip-bg:#dde7eb;
}

[data-theme="graphite-v3"]{
  --theme-name:"Graphit V3";
  --theme-page-bg:#eef2f3;
  --theme-nav-bg:#edf2f4;
  --theme-panel-bg:#f8fafb;
  --theme-card-bg:#ffffff;
  --theme-border:#d9e2e6;
  --theme-border-strong:#b9c7ce;
  --theme-text:#20333c;
  --theme-link:#245368;
  --theme-link-hover:#0a7592;
  --theme-accent:#268468;
  --theme-info:#93a8b2;
  --theme-chip-bg:#ebf0f2;
  --theme-shadow-soft:rgba(21,33,40,.04);
}

[data-theme="deep-water-v2"]{
  --theme-name:"Deep Water V2";
  --theme-page-bg:#d6e4e8;
  --theme-nav-bg:#d1e1e7;
  --theme-panel-bg:#ecf4f6;
  --theme-card-soft:#f2f8fa;
  --theme-border:#bdd3db;
  --theme-border-strong:#87aebb;
  --theme-text:#0b2a38;
  --theme-link:#0a4963;
  --theme-link-hover:#007798;
  --theme-accent:#117a5f;
  --theme-info:#579eb0;
  --theme-chip-bg:#dce9ed;
}

[data-theme="deep-water-v3"]{
  --theme-name:"Deep Water V3";
  --theme-page-bg:#e7eff2;
  --theme-shell-bg:#ffffff;
  --theme-nav-bg:#e5eff2;
  --theme-panel-bg:#f6fafb;
  --theme-border:#d3e2e7;
  --theme-border-strong:#a9c2cb;
  --theme-text:#0f3040;
  --theme-text-soft:#2b4f5e;
  --theme-link:#0d5572;
  --theme-accent:#1a8b68;
  --theme-accent-2:#04799a;
  --theme-info:#7cb7c6;
  --theme-shadow-medium:rgba(4,38,52,.12);
}

[data-theme="freshwater-v2"]{
  --theme-name:"Freshwater V2";
  --theme-page-bg:#e5f0f6;
  --theme-nav-bg:#ddecf4;
  --theme-panel-bg:#f0f8fb;
  --theme-card-soft:#f4fbfd;
  --theme-border:#c8dfea;
  --theme-border-strong:#98bdcf;
  --theme-link:#12506e;
  --theme-link-hover:#08789f;
  --theme-accent:#257a63;
  --theme-info:#75acc8;
  --theme-chip-bg:#dfeef5;
}

[data-theme="freshwater-v3"]{
  --theme-name:"Freshwater V3";
  --theme-page-bg:#f2f7fa;
  --theme-nav-bg:#f1f8fb;
  --theme-panel-bg:#fbfdfe;
  --theme-border:#dbeaf1;
  --theme-border-strong:#b8d1dd;
  --theme-text:#143645;
  --theme-muted:#647d8a;
  --theme-link:#155d7d;
  --theme-link-hover:#0084ad;
  --theme-accent:#2b8b70;
  --theme-accent-2:#1d8db5;
  --theme-info:#93c1d8;
  --theme-chip-bg:#edf6fa;
}

[data-theme="dark-reef"]{
  color-scheme:dark;
  --theme-name:"Dark Riff";
  --theme-page-bg:#071417;
  --theme-shell-bg:#0c1f24;
  --theme-header-bg:#0f2429;
  --theme-nav-bg:#102a30;
  --theme-panel-bg:#0a1a1f;
  --theme-card-bg:#10262c;
  --theme-card-soft:#142f35;
  --theme-border:#24464f;
  --theme-border-strong:#3a6873;
  --theme-text:#e8f5f4;
  --theme-text-soft:#bfd6d8;
  --theme-muted:#8ca9af;
  --theme-link:#9edce7;
  --theme-link-hover:#77f0d1;
  --theme-accent:#38c98d;
  --theme-accent-2:#40b7d0;
  --theme-info:#5fa8ba;
  --theme-admin:#f2a33a;
  --theme-admin-soft:#302515;
  --theme-danger:#ff7064;
  --theme-chip-bg:#18383f;
  --theme-product-card-bg:#10262c;
  --theme-product-card-border:#24464f;
  --theme-product-card-border-hover:#4a7d89;
  --theme-product-card-shadow:0 5px 18px rgba(0,0,0,.28);
  --theme-product-card-shadow-hover:0 12px 28px rgba(0,0,0,.38);
  --theme-product-image-bg:#0d2026;
  --theme-product-number-bg:#173840;
  --theme-product-number-text:#e8f5f4;
  --theme-news-card-bg:#10262c;
  --theme-news-card-border:#24464f;
  --theme-news-card-accent:#40b7d0;
  --theme-news-card-shadow:0 14px 32px rgba(0,0,0,.34);
  --theme-setting-card-bg:#10262c;
  --theme-setting-card-border:#24464f;
  --theme-setting-card-accent:#40b7d0;
  --theme-setting-card-shadow:0 14px 32px rgba(0,0,0,.34);
  --theme-detail-panel-bg:#10262c;
  --theme-detail-soft-bg:#142f35;
  --theme-detail-highlight-bg:#173840;
  --theme-detail-note-bg:#302515;
  --theme-detail-note-border:#f2a33a;
  --theme-shadow-soft:rgba(0,0,0,.24);
  --theme-shadow-medium:rgba(0,0,0,.38);
  --theme-shadow-nav:rgba(0,0,0,.30);
}

[data-theme="midnight-ocean"]{
  color-scheme:dark;
  --theme-name:"Midnight Ocean";
  --theme-page-bg:#050d16;
  --theme-shell-bg:#0a1724;
  --theme-header-bg:#0b1b2b;
  --theme-nav-bg:#0c2234;
  --theme-panel-bg:#081522;
  --theme-card-bg:#0f2233;
  --theme-card-soft:#142c40;
  --theme-border:#263f55;
  --theme-border-strong:#3e667f;
  --theme-text:#edf6fb;
  --theme-text-soft:#c4d8e2;
  --theme-muted:#8ea9b8;
  --theme-link:#9fd7ff;
  --theme-link-hover:#7fe8ff;
  --theme-accent:#36c08a;
  --theme-accent-2:#42bde6;
  --theme-info:#5a9ec2;
  --theme-admin:#f0a33b;
  --theme-admin-soft:#2e2418;
  --theme-danger:#ff746b;
  --theme-chip-bg:#18334a;
  --theme-product-card-bg:#0f2233;
  --theme-product-card-border:#263f55;
  --theme-product-card-border-hover:#4b7893;
  --theme-product-card-shadow:0 5px 18px rgba(0,0,0,.30);
  --theme-product-card-shadow-hover:0 12px 28px rgba(0,0,0,.42);
  --theme-product-image-bg:#0b1d2d;
  --theme-product-number-bg:#18334a;
  --theme-product-number-text:#edf6fb;
  --theme-news-card-bg:#0f2233;
  --theme-news-card-border:#263f55;
  --theme-news-card-accent:#42bde6;
  --theme-news-card-shadow:0 14px 32px rgba(0,0,0,.36);
  --theme-setting-card-bg:#0f2233;
  --theme-setting-card-border:#263f55;
  --theme-setting-card-accent:#42bde6;
  --theme-setting-card-shadow:0 14px 32px rgba(0,0,0,.36);
  --theme-detail-panel-bg:#0f2233;
  --theme-detail-soft-bg:#142c40;
  --theme-detail-highlight-bg:#18334a;
  --theme-detail-note-bg:#2e2418;
  --theme-detail-note-border:#f0a33b;
  --theme-shadow-soft:rgba(0,0,0,.25);
  --theme-shadow-medium:rgba(0,0,0,.42);
  --theme-shadow-nav:rgba(0,0,0,.32);
}

[data-theme="graphite-night"]{
  color-scheme:dark;
  --theme-name:"Graphit Nacht";
  --theme-page-bg:#101315;
  --theme-shell-bg:#171c1f;
  --theme-header-bg:#1b2023;
  --theme-nav-bg:#20272b;
  --theme-panel-bg:#14191c;
  --theme-card-bg:#1e2529;
  --theme-card-soft:#252d32;
  --theme-border:#374349;
  --theme-border-strong:#56646c;
  --theme-text:#f1f4f4;
  --theme-text-soft:#cbd4d7;
  --theme-muted:#98a6ac;
  --theme-link:#a8d7e4;
  --theme-link-hover:#80e0f0;
  --theme-accent:#41bd83;
  --theme-accent-2:#64b8cc;
  --theme-info:#7f9fad;
  --theme-admin:#efa33d;
  --theme-admin-soft:#302619;
  --theme-danger:#f06e67;
  --theme-chip-bg:#2a3439;
  --theme-product-card-bg:#1e2529;
  --theme-product-card-border:#374349;
  --theme-product-card-border-hover:#657781;
  --theme-product-card-shadow:0 5px 18px rgba(0,0,0,.28);
  --theme-product-card-shadow-hover:0 12px 28px rgba(0,0,0,.38);
  --theme-product-image-bg:#191f22;
  --theme-product-number-bg:#2a3439;
  --theme-product-number-text:#f1f4f4;
  --theme-news-card-bg:#1e2529;
  --theme-news-card-border:#374349;
  --theme-news-card-accent:#64b8cc;
  --theme-news-card-shadow:0 14px 32px rgba(0,0,0,.34);
  --theme-setting-card-bg:#1e2529;
  --theme-setting-card-border:#374349;
  --theme-setting-card-accent:#64b8cc;
  --theme-setting-card-shadow:0 14px 32px rgba(0,0,0,.34);
  --theme-detail-panel-bg:#1e2529;
  --theme-detail-soft-bg:#252d32;
  --theme-detail-highlight-bg:#2a3439;
  --theme-detail-note-bg:#302619;
  --theme-detail-note-border:#efa33d;
  --theme-shadow-soft:rgba(0,0,0,.24);
  --theme-shadow-medium:rgba(0,0,0,.38);
  --theme-shadow-nav:rgba(0,0,0,.30);
}

[data-theme="coral-night"]{
  color-scheme:dark;
  --theme-name:"Coral Nacht";
  --theme-page-bg:#17110f;
  --theme-shell-bg:#221917;
  --theme-header-bg:#271d1a;
  --theme-nav-bg:#30221f;
  --theme-panel-bg:#1d1513;
  --theme-card-bg:#2a1f1c;
  --theme-card-soft:#342723;
  --theme-border:#4a3731;
  --theme-border-strong:#72534a;
  --theme-text:#f8f0eb;
  --theme-text-soft:#dec9bf;
  --theme-muted:#b0978b;
  --theme-link:#ffc3ad;
  --theme-link-hover:#ffdf92;
  --theme-accent:#39b982;
  --theme-accent-2:#df8269;
  --theme-info:#b97868;
  --theme-admin:#f2a33a;
  --theme-admin-soft:#342417;
  --theme-danger:#ff746b;
  --theme-chip-bg:#3a2a25;
  --theme-product-card-bg:#2a1f1c;
  --theme-product-card-border:#4a3731;
  --theme-product-card-border-hover:#815f54;
  --theme-product-card-shadow:0 5px 18px rgba(0,0,0,.30);
  --theme-product-card-shadow-hover:0 12px 28px rgba(0,0,0,.42);
  --theme-product-image-bg:#261c19;
  --theme-product-number-bg:#3a2a25;
  --theme-product-number-text:#f8f0eb;
  --theme-news-card-bg:#2a1f1c;
  --theme-news-card-border:#4a3731;
  --theme-news-card-accent:#df8269;
  --theme-news-card-shadow:0 14px 32px rgba(0,0,0,.36);
  --theme-setting-card-bg:#2a1f1c;
  --theme-setting-card-border:#4a3731;
  --theme-setting-card-accent:#df8269;
  --theme-setting-card-shadow:0 14px 32px rgba(0,0,0,.36);
  --theme-detail-panel-bg:#2a1f1c;
  --theme-detail-soft-bg:#342723;
  --theme-detail-highlight-bg:#3a2a25;
  --theme-detail-note-bg:#342417;
  --theme-detail-note-border:#f2a33a;
  --theme-shadow-soft:rgba(0,0,0,.25);
  --theme-shadow-medium:rgba(0,0,0,.42);
  --theme-shadow-nav:rgba(0,0,0,.32);
}

[data-theme="dark-reef"],
[data-theme="midnight-ocean"],
[data-theme="graphite-night"],
[data-theme="coral-night"]{
  --theme-danger-soft:rgba(255,112,100,.14);
  --theme-success-soft:rgba(56,201,141,.15);
  --theme-warning:#f2a33a;
  --theme-warning-soft:rgba(242,163,58,.15);
  --theme-disabled:#8ca0a8;
  --theme-disabled-soft:rgba(140,160,168,.14);
  --theme-chip-active-bg:rgba(242,163,58,.14);
  --theme-chip-active-border:rgba(242,163,58,.34);
  --theme-input-bg:var(--theme-card-soft);
  --theme-input-focus-bg:var(--theme-card-bg);
  --theme-input-disabled-bg:var(--theme-panel-bg);
  --theme-button-bg:var(--theme-card-soft);
  --theme-button-bg-hover:var(--theme-chip-bg);
  --theme-button-primary-bg:var(--theme-accent-2);
  --theme-button-primary-bg-hover:var(--theme-link-hover);
  --theme-table-head-bg:var(--theme-chip-bg);
  --theme-table-row-border:var(--theme-border);
  --theme-hover-bg:var(--theme-chip-bg);
  --theme-active-bg:var(--theme-detail-highlight-bg);
  --theme-overlay:rgba(0,0,0,.64);
  --theme-overlay-soft:rgba(0,0,0,.28);
  --theme-selection-bg:rgba(126,232,255,.22);
}

[data-theme$="-v2"]{
  --theme-product-card-bg:var(--theme-card-soft);
  --theme-product-card-border:var(--theme-border-strong);
  --theme-product-number-bg:var(--theme-card-bg);
  --theme-news-card-bg:var(--theme-card-bg);
  --theme-news-card-border:var(--theme-border);
  --theme-setting-card-bg:var(--theme-card-soft);
  --theme-setting-card-border:var(--theme-border-strong);
  --theme-detail-panel-bg:var(--theme-card-bg);
  --theme-detail-soft-bg:var(--theme-panel-bg);
  --theme-detail-highlight-bg:var(--theme-card-bg);
}

[data-theme$="-v3"]{
  --theme-product-card-bg:var(--theme-card-bg);
  --theme-product-card-border:var(--theme-border);
  --theme-product-number-bg:var(--theme-chip-bg);
  --theme-news-card-bg:var(--theme-card-soft);
  --theme-news-card-border:var(--theme-border-strong);
  --theme-news-card-accent:var(--theme-accent-2);
  --theme-setting-card-bg:var(--theme-card-bg);
  --theme-setting-card-border:var(--theme-border);
  --theme-setting-card-accent:var(--theme-accent-2);
  --theme-detail-panel-bg:var(--theme-card-bg);
  --theme-detail-soft-bg:var(--theme-card-soft);
  --theme-detail-highlight-bg:var(--theme-chip-bg);
}

.theme-controls{
  position:fixed;
  top:12px;
  right:12px;
  z-index:5000;
  display:flex;
  align-items:center;
  min-height:34px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  color:var(--theme-text, #163646);
  font-family:Arial, Helvetica, sans-serif;
}

.shop-header{
  position:relative;
}

.theme-controls.is-header{
  position:absolute;
  top:5px;
  right:5px;
  z-index:100;
  flex:0 0 auto;
  min-height:34px;
  box-shadow:none;
}

.theme-controls.is-header.is-admin{
  right:42px;
}

.theme-mode-toggle,
.theme-admin-toggle,
.theme-switcher button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid var(--theme-border, #d8e6e7);
  border-radius:7px;
  background:var(--theme-card-soft, #f8fbfc);
  color:var(--theme-link, #17485c);
  line-height:1;
  cursor:pointer;
}

.theme-mode-toggle:hover,
.theme-admin-toggle:hover,
.theme-admin-toggle.is-active,
.theme-switcher button:hover{
  border-color:var(--theme-border-strong, #b9d1d7);
  background:var(--theme-chip-bg, #edf4f5);
}

.theme-mode-toggle{
  position:relative;
  width:34px;
  min-width:34px;
  height:34px;
  padding:0;
  border-radius:50%;
  box-shadow:0 4px 12px var(--theme-shadow-soft, rgba(8,27,38,.08));
}

.theme-mode-symbol{
  position:relative;
  display:block;
  width:18px;
  height:18px;
}

.theme-mode-symbol svg{
  position:absolute;
  inset:0;
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
  transition:opacity .18s ease, transform .22s ease;
}

.theme-mode-moon{
  opacity:0;
  transform:rotate(-35deg) scale(.65);
}

.theme-mode-toggle.is-dark .theme-mode-sun{
  opacity:0;
  transform:rotate(35deg) scale(.65);
}

.theme-mode-toggle.is-dark .theme-mode-moon{
  opacity:1;
  transform:rotate(0) scale(1);
}

.theme-admin-toggle{
  position:fixed;
  top:35px;
  right:0;
  z-index:5001;
  width:34px;
  height:34px;
  border-right:0;
  border-radius:8px 0 0 8px;
  box-shadow:0 8px 18px var(--theme-shadow-medium, rgba(8,27,38,.12));
}

.theme-admin-toggle svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-width:1.8;
}

.theme-switcher{
  position:fixed;
  top:75px;
  right:0;
  z-index:5001;
  display:none;
  align-items:center;
  gap:6px;
  min-height:42px;
  padding:5px;
  border:1px solid var(--theme-border-strong, #b9d1d7);
  border-radius:9px;
  background:var(--theme-card-bg, #ffffff);
  box-shadow:0 12px 34px var(--theme-shadow-medium, rgba(8,27,38,.18));
}

.theme-switcher.is-visible{
  display:flex;
}

.theme-switcher button{
  width:30px;
  height:30px;
  font-size:17px;
  font-weight:900;
}

.theme-switcher strong{
  min-width:138px;
  color:var(--theme-text, #163646);
  font-size:12px;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
}

@media (max-width: 700px){
  .theme-controls{
    top:8px;
    right:8px;
  }

  .theme-controls.is-header{
    top:5px;
    right:5px;
    min-height:32px;
  }

  .theme-controls.is-header.is-admin{
    right:42px;
  }

  .theme-switcher strong{
    min-width:104px;
    max-width:124px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}