/* ================================================================
   my-coupon-theme — 30 Theme Presets
   Generated for WordPress Multisite variables.css
   ================================================================ */

body.theme-preset-01 {
  /* Global tokens */
  --cp-primary: #3B82F6;
  --cp-primary-dark: #1D4ED8;
  --cp-accent: #0F172A;
  --cp-bg: #F8FAFC;
  --cp-card-bg: #ffffff;
  --cp-text: #1E293B;
  --cp-muted: #64748B;
  --cp-border: #E2E8F0;
  --cp-soft-bg: #F1F5F9;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #1E293B;
  --header-link-color: #3B82F6;
  --header-link-hover-color: #1D4ED8;
  --header-border: 1px solid #E2E8F0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E2E8F0;
  --header-input-color: #1E293B;
  --header-inverse-bg: #1D4ED8;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #1D4ED8, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #1D4ED8, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #1D4ED8, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F1F5F9;
  --footer-text: #1E293B;
  --footer-link-color: #3B82F6;
  --footer-link-hover-color: #1D4ED8;
  --footer-border: 1px solid #E2E8F0;
  --footer-muted: #64748B;
  --footer-heading-color: #1E293B;
  --footer-inverse-bg: #1D4ED8;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #1D4ED8, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F1F5F9;
  --hero-title-color: #1E293B;
  --hero-text-color: #64748B;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #3B82F6;
  --hero-button-hover-bg: #1D4ED8;
  --hero-badge-active-bg: #3B82F6;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E2E8F0;
  --sidebar-title-color: #1E293B;
  --sidebar-link-color: #1E293B;
  --sidebar-link-hover-color: #3B82F6;
  --sidebar-star-color: #0F172A;
  --sidebar-accent-border: #3B82F6;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E2E8F0;
  --coupon-title-color: #1E293B;
  --coupon-text-color: #64748B;
  --coupon-button-bg: #3B82F6;
  --coupon-button-hover-bg: #1D4ED8;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #0F172A;
  --coupon-sale-bg: color-mix(in oklab, #0F172A, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #1E293B, white 80%);
  --coupon-expired-text: #64748B;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E2E8F0;
  --category-icon-bg: color-mix(in oklab, #3B82F6, white 90%);
  --category-icon-color: #3B82F6;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E2E8F0;
  --store-logo-bg: color-mix(in oklab, #3B82F6, white 93%);
  --store-title-color: #1E293B;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E2E8F0;
  --stats-number-color: #3B82F6;
  --stats-label-color: #64748B;

  /* === Layout & Shape === */
  --container-width: 1200px;
  --container-max: 1200px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 64px;
  --section-y-desktop: 64px;
  --section-y-tablet: 40px;
  --section-y-phone: 32px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  --coupon-card-radius: 6px;

  /* === Typography === */
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.55;
  --leading-tight: 1.2;
  --tracking-display: -0.02em;

  /* === Buttons === */
  --button-height: 44px;
  --button-radius: 6px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 02 — Royal Gemstone Dusk
 * active_palette: Royal Gemstone Dusk
 * Характер: строгий корпоративный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-02 {
  /* Global tokens */
  --cp-primary: #0C8EF4;
  --cp-primary-dark: #0C287B;
  --cp-accent: #D3045D;
  --cp-bg: #FAF8F6;
  --cp-card-bg: #ffffff;
  --cp-text: #2B384C;
  --cp-muted: #6B7A8D;
  --cp-border: #D1BBAD;
  --cp-soft-bg: #EDE8E3;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2B384C;
  --header-link-color: #0C8EF4;
  --header-link-hover-color: #0C287B;
  --header-border: 1px solid #D1BBAD;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D1BBAD;
  --header-input-color: #2B384C;
  --header-inverse-bg: #0C287B;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #0C287B, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #0C287B, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #0C287B, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #EDE8E3;
  --footer-text: #2B384C;
  --footer-link-color: #0C8EF4;
  --footer-link-hover-color: #0C287B;
  --footer-border: 1px solid #D1BBAD;
  --footer-muted: #6B7A8D;
  --footer-heading-color: #2B384C;
  --footer-inverse-bg: #0C287B;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #0C287B, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #EDE8E3;
  --hero-title-color: #2B384C;
  --hero-text-color: #6B7A8D;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #0C8EF4;
  --hero-button-hover-bg: #0C287B;
  --hero-badge-active-bg: #0C8EF4;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D1BBAD;
  --sidebar-title-color: #2B384C;
  --sidebar-link-color: #2B384C;
  --sidebar-link-hover-color: #0C8EF4;
  --sidebar-star-color: #D3045D;
  --sidebar-accent-border: #0C8EF4;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D1BBAD;
  --coupon-title-color: #2B384C;
  --coupon-text-color: #6B7A8D;
  --coupon-button-bg: #0C8EF4;
  --coupon-button-hover-bg: #0C287B;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #D3045D;
  --coupon-sale-bg: color-mix(in oklab, #D3045D, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2B384C, white 80%);
  --coupon-expired-text: #6B7A8D;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D1BBAD;
  --category-icon-bg: color-mix(in oklab, #0C8EF4, white 90%);
  --category-icon-color: #0C8EF4;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D1BBAD;
  --store-logo-bg: color-mix(in oklab, #0C8EF4, white 93%);
  --store-title-color: #2B384C;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D1BBAD;
  --stats-number-color: #0C8EF4;
  --stats-label-color: #6B7A8D;

  /* === Layout & Shape === */
  --container-width: 1280px;
  --container-max: 1280px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 96px;
  --section-y-desktop: 96px;
  --section-y-tablet: 72px;
  --section-y-phone: 64px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
  --coupon-card-radius: 8px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.6;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 8px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 03 — Sapphire Coral Breeze
 * active_palette: Sapphire Coral Breeze
 * Характер: строгий корпоративный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-03 {
  /* Global tokens */
  --cp-primary: #04529D;
  --cp-primary-dark: #03366A;
  --cp-accent: #EE2835;
  --cp-bg: #F5F8FA;
  --cp-card-bg: #ffffff;
  --cp-text: #3A6963;
  --cp-muted: #5A8A80;
  --cp-border: #D0DEE8;
  --cp-soft-bg: #E8F0F5;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #3A6963;
  --header-link-color: #04529D;
  --header-link-hover-color: #03366A;
  --header-border: 1px solid #D0DEE8;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D0DEE8;
  --header-input-color: #3A6963;
  --header-inverse-bg: #03366A;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #03366A, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #03366A, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #03366A, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #E8F0F5;
  --footer-text: #3A6963;
  --footer-link-color: #04529D;
  --footer-link-hover-color: #03366A;
  --footer-border: 1px solid #D0DEE8;
  --footer-muted: #5A8A80;
  --footer-heading-color: #3A6963;
  --footer-inverse-bg: #03366A;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #03366A, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #E8F0F5;
  --hero-title-color: #3A6963;
  --hero-text-color: #5A8A80;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #04529D;
  --hero-button-hover-bg: #03366A;
  --hero-badge-active-bg: #04529D;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D0DEE8;
  --sidebar-title-color: #3A6963;
  --sidebar-link-color: #3A6963;
  --sidebar-link-hover-color: #04529D;
  --sidebar-star-color: #EE2835;
  --sidebar-accent-border: #04529D;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D0DEE8;
  --coupon-title-color: #3A6963;
  --coupon-text-color: #5A8A80;
  --coupon-button-bg: #04529D;
  --coupon-button-hover-bg: #03366A;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #EE2835;
  --coupon-sale-bg: color-mix(in oklab, #EE2835, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #3A6963, white 80%);
  --coupon-expired-text: #5A8A80;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D0DEE8;
  --category-icon-bg: color-mix(in oklab, #04529D, white 90%);
  --category-icon-color: #04529D;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D0DEE8;
  --store-logo-bg: color-mix(in oklab, #04529D, white 93%);
  --store-title-color: #3A6963;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D0DEE8;
  --stats-number-color: #04529D;
  --stats-label-color: #5A8A80;

  /* === Layout & Shape === */
  --container-width: 1360px;
  --container-max: 1360px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 56px;
  --section-y-desktop: 56px;
  --section-y-tablet: 32px;
  --section-y-phone: 24px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
  --coupon-card-radius: 8px;

  /* === Typography === */
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: -0.02em;

  /* === Buttons === */
  --button-height: 52px;
  --button-radius: 8px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 20px rgba(0,0,0,0.10);
  --shadow-xl: 0 16px 32px rgba(0,0,0,0.12);
  --shadow-card: 0 3px 10px rgba(0,0,0,0.07);
  --shadow-card-hover: 0 6px 16px rgba(0,0,0,0.10);
  --coupon-card-shadow: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 04 — Turquoise Amethyst Frost
 * active_palette: Turquoise Amethyst Frost
 * Характер: строгий корпоративный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-04 {
  /* Global tokens */
  --cp-primary: #344B73;
  --cp-primary-dark: #041C4D;
  --cp-accent: #24D29B;
  --cp-bg: #F7F8FA;
  --cp-card-bg: #ffffff;
  --cp-text: #041C4D;
  --cp-muted: #5C6F8A;
  --cp-border: #D4D8E0;
  --cp-soft-bg: #E6E6E6;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #041C4D;
  --header-link-color: #344B73;
  --header-link-hover-color: #041C4D;
  --header-border: 1px solid #D4D8E0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D4D8E0;
  --header-input-color: #041C4D;
  --header-inverse-bg: #041C4D;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #041C4D, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #041C4D, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #041C4D, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #E6E6E6;
  --footer-text: #041C4D;
  --footer-link-color: #344B73;
  --footer-link-hover-color: #041C4D;
  --footer-border: 1px solid #D4D8E0;
  --footer-muted: #5C6F8A;
  --footer-heading-color: #041C4D;
  --footer-inverse-bg: #041C4D;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #041C4D, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #E6E6E6;
  --hero-title-color: #041C4D;
  --hero-text-color: #5C6F8A;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #344B73;
  --hero-button-hover-bg: #041C4D;
  --hero-badge-active-bg: #344B73;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D4D8E0;
  --sidebar-title-color: #041C4D;
  --sidebar-link-color: #041C4D;
  --sidebar-link-hover-color: #344B73;
  --sidebar-star-color: #24D29B;
  --sidebar-accent-border: #344B73;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D4D8E0;
  --coupon-title-color: #041C4D;
  --coupon-text-color: #5C6F8A;
  --coupon-button-bg: #344B73;
  --coupon-button-hover-bg: #041C4D;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #24D29B;
  --coupon-sale-bg: color-mix(in oklab, #24D29B, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #041C4D, white 80%);
  --coupon-expired-text: #5C6F8A;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D4D8E0;
  --category-icon-bg: color-mix(in oklab, #344B73, white 90%);
  --category-icon-color: #344B73;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D4D8E0;
  --store-logo-bg: color-mix(in oklab, #344B73, white 93%);
  --store-title-color: #041C4D;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D4D8E0;
  --stats-number-color: #344B73;
  --stats-label-color: #5C6F8A;

  /* === Layout & Shape === */
  --container-width: 1220px;
  --container-max: 1220px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 80px;
  --section-y-desktop: 80px;
  --section-y-tablet: 56px;
  --section-y-phone: 48px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 9999px;
  --coupon-card-radius: 10px;

  /* === Typography === */
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.6;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 46px;
  --button-radius: 10px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 05 — Jade Mahogany Muse
 * active_palette: Jade Mahogany Muse
 * Характер: строгий корпоративный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-05 {
  /* Global tokens */
  --cp-primary: #5C3028;
  --cp-primary-dark: #3D1F1A;
  --cp-accent: #ADCBBA;
  --cp-bg: #FAF9F7;
  --cp-card-bg: #ffffff;
  --cp-text: #585552;
  --cp-muted: #8A8580;
  --cp-border: #DDD9D4;
  --cp-soft-bg: #F0EEEB;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #585552;
  --header-link-color: #5C3028;
  --header-link-hover-color: #3D1F1A;
  --header-border: 1px solid #DDD9D4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #DDD9D4;
  --header-input-color: #585552;
  --header-inverse-bg: #3D1F1A;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #3D1F1A, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #3D1F1A, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #3D1F1A, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0EEEB;
  --footer-text: #585552;
  --footer-link-color: #5C3028;
  --footer-link-hover-color: #3D1F1A;
  --footer-border: 1px solid #DDD9D4;
  --footer-muted: #8A8580;
  --footer-heading-color: #585552;
  --footer-inverse-bg: #3D1F1A;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #3D1F1A, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0EEEB;
  --hero-title-color: #585552;
  --hero-text-color: #8A8580;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #5C3028;
  --hero-button-hover-bg: #3D1F1A;
  --hero-badge-active-bg: #5C3028;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #DDD9D4;
  --sidebar-title-color: #585552;
  --sidebar-link-color: #585552;
  --sidebar-link-hover-color: #5C3028;
  --sidebar-star-color: #ADCBBA;
  --sidebar-accent-border: #5C3028;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #DDD9D4;
  --coupon-title-color: #585552;
  --coupon-text-color: #8A8580;
  --coupon-button-bg: #5C3028;
  --coupon-button-hover-bg: #3D1F1A;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #ADCBBA;
  --coupon-sale-bg: color-mix(in oklab, #ADCBBA, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #585552, white 80%);
  --coupon-expired-text: #8A8580;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #DDD9D4;
  --category-icon-bg: color-mix(in oklab, #5C3028, white 90%);
  --category-icon-color: #5C3028;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #DDD9D4;
  --store-logo-bg: color-mix(in oklab, #5C3028, white 93%);
  --store-title-color: #585552;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #DDD9D4;
  --stats-number-color: #5C3028;
  --stats-label-color: #8A8580;

  /* === Layout & Shape === */
  --container-width: 1240px;
  --container-max: 1240px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 104px;
  --section-y-desktop: 104px;
  --section-y-tablet: 80px;
  --section-y-phone: 72px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;
  --coupon-card-radius: 12px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.65;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 12px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 06 — Rose Quartz Evening
 * active_palette: Rose Quartz Evening
 * Характер: мягкий пастельный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-06 {
  /* Global tokens */
  --cp-primary: #64242F;
  --cp-primary-dark: #45181F;
  --cp-accent: #B44446;
  --cp-bg: #FDF8F8;
  --cp-card-bg: #ffffff;
  --cp-text: #45181F;
  --cp-muted: #9E7076;
  --cp-border: #E8D5D5;
  --cp-soft-bg: #F5E8E8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #45181F;
  --header-link-color: #64242F;
  --header-link-hover-color: #45181F;
  --header-border: 1px solid #E8D5D5;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E8D5D5;
  --header-input-color: #45181F;
  --header-inverse-bg: #45181F;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #45181F, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #45181F, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #45181F, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F5E8E8;
  --footer-text: #45181F;
  --footer-link-color: #64242F;
  --footer-link-hover-color: #45181F;
  --footer-border: 1px solid #E8D5D5;
  --footer-muted: #9E7076;
  --footer-heading-color: #45181F;
  --footer-inverse-bg: #45181F;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #45181F, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F5E8E8;
  --hero-title-color: #45181F;
  --hero-text-color: #9E7076;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #64242F;
  --hero-button-hover-bg: #45181F;
  --hero-badge-active-bg: #64242F;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E8D5D5;
  --sidebar-title-color: #45181F;
  --sidebar-link-color: #45181F;
  --sidebar-link-hover-color: #64242F;
  --sidebar-star-color: #B44446;
  --sidebar-accent-border: #64242F;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E8D5D5;
  --coupon-title-color: #45181F;
  --coupon-text-color: #9E7076;
  --coupon-button-bg: #64242F;
  --coupon-button-hover-bg: #45181F;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #B44446;
  --coupon-sale-bg: color-mix(in oklab, #B44446, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #45181F, white 80%);
  --coupon-expired-text: #9E7076;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E8D5D5;
  --category-icon-bg: color-mix(in oklab, #64242F, white 90%);
  --category-icon-color: #64242F;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E8D5D5;
  --store-logo-bg: color-mix(in oklab, #64242F, white 93%);
  --store-title-color: #45181F;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E8D5D5;
  --stats-number-color: #64242F;
  --stats-label-color: #9E7076;

  /* === Layout & Shape === */
  --container-width: 1200px;
  --container-max: 1200px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 72px;
  --section-y-desktop: 72px;
  --section-y-tablet: 48px;
  --section-y-phone: 40px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 9999px;
  --coupon-card-radius: 10px;

  /* === Typography === */
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.65;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 44px;
  --button-radius: 10px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 07 — Minted Citrine Dusk
 * active_palette: Minted Citrine Dusk
 * Характер: мягкий пастельный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-07 {
  /* Global tokens */
  --cp-primary: #847E7C;
  --cp-primary-dark: #5E5A58;
  --cp-accent: #ECA0B0;
  --cp-bg: #FAFBF9;
  --cp-card-bg: #ffffff;
  --cp-text: #4A4644;
  --cp-muted: #8A8582;
  --cp-border: #E0E2DE;
  --cp-soft-bg: #F0F2EE;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #4A4644;
  --header-link-color: #847E7C;
  --header-link-hover-color: #5E5A58;
  --header-border: 1px solid #E0E2DE;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0E2DE;
  --header-input-color: #4A4644;
  --header-inverse-bg: #5E5A58;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #5E5A58, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #5E5A58, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #5E5A58, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0F2EE;
  --footer-text: #4A4644;
  --footer-link-color: #847E7C;
  --footer-link-hover-color: #5E5A58;
  --footer-border: 1px solid #E0E2DE;
  --footer-muted: #8A8582;
  --footer-heading-color: #4A4644;
  --footer-inverse-bg: #5E5A58;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #5E5A58, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0F2EE;
  --hero-title-color: #4A4644;
  --hero-text-color: #8A8582;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #847E7C;
  --hero-button-hover-bg: #5E5A58;
  --hero-badge-active-bg: #847E7C;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0E2DE;
  --sidebar-title-color: #4A4644;
  --sidebar-link-color: #4A4644;
  --sidebar-link-hover-color: #847E7C;
  --sidebar-star-color: #ECA0B0;
  --sidebar-accent-border: #847E7C;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0E2DE;
  --coupon-title-color: #4A4644;
  --coupon-text-color: #8A8582;
  --coupon-button-bg: #847E7C;
  --coupon-button-hover-bg: #5E5A58;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #ECA0B0;
  --coupon-sale-bg: color-mix(in oklab, #ECA0B0, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #4A4644, white 80%);
  --coupon-expired-text: #8A8582;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0E2DE;
  --category-icon-bg: color-mix(in oklab, #847E7C, white 90%);
  --category-icon-color: #847E7C;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0E2DE;
  --store-logo-bg: color-mix(in oklab, #847E7C, white 93%);
  --store-title-color: #4A4644;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0E2DE;
  --stats-number-color: #847E7C;
  --stats-label-color: #8A8582;

  /* === Layout & Shape === */
  --container-width: 1280px;
  --container-max: 1280px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 96px;
  --section-y-desktop: 96px;
  --section-y-tablet: 72px;
  --section-y-phone: 64px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;
  --coupon-card-radius: 12px;

  /* === Typography === */
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: system-ui, -apple-system, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.7;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 12px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 08 — Lavender Sapphire Mist
 * active_palette: Lavender Sapphire Mist
 * Характер: мягкий пастельный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-08 {
  /* Global tokens */
  --cp-primary: #6C739C;
  --cp-primary-dark: #4E5475;
  --cp-accent: #C56B62;
  --cp-bg: #FAFAFB;
  --cp-card-bg: #ffffff;
  --cp-text: #424658;
  --cp-muted: #7A7F94;
  --cp-border: #DDDEE8;
  --cp-soft-bg: #F0F0F5;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #424658;
  --header-link-color: #6C739C;
  --header-link-hover-color: #4E5475;
  --header-border: 1px solid #DDDEE8;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #DDDEE8;
  --header-input-color: #424658;
  --header-inverse-bg: #4E5475;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #4E5475, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #4E5475, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #4E5475, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0F0F5;
  --footer-text: #424658;
  --footer-link-color: #6C739C;
  --footer-link-hover-color: #4E5475;
  --footer-border: 1px solid #DDDEE8;
  --footer-muted: #7A7F94;
  --footer-heading-color: #424658;
  --footer-inverse-bg: #4E5475;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #4E5475, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0F0F5;
  --hero-title-color: #424658;
  --hero-text-color: #7A7F94;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #6C739C;
  --hero-button-hover-bg: #4E5475;
  --hero-badge-active-bg: #6C739C;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #DDDEE8;
  --sidebar-title-color: #424658;
  --sidebar-link-color: #424658;
  --sidebar-link-hover-color: #6C739C;
  --sidebar-star-color: #C56B62;
  --sidebar-accent-border: #6C739C;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #DDDEE8;
  --coupon-title-color: #424658;
  --coupon-text-color: #7A7F94;
  --coupon-button-bg: #6C739C;
  --coupon-button-hover-bg: #4E5475;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #C56B62;
  --coupon-sale-bg: color-mix(in oklab, #C56B62, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #424658, white 80%);
  --coupon-expired-text: #7A7F94;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #DDDEE8;
  --category-icon-bg: color-mix(in oklab, #6C739C, white 90%);
  --category-icon-color: #6C739C;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #DDDEE8;
  --store-logo-bg: color-mix(in oklab, #6C739C, white 93%);
  --store-title-color: #424658;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #DDDEE8;
  --stats-number-color: #6C739C;
  --stats-label-color: #7A7F94;

  /* === Layout & Shape === */
  --container-width: 1200px;
  --container-max: 1200px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 88px;
  --section-y-desktop: 88px;
  --section-y-tablet: 64px;
  --section-y-phone: 56px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;
  --coupon-card-radius: 12px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 29px;
  --text-3xl: 41px;
  --text-4xl: 53px;
  --leading-body: 1.7;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 44px;
  --button-radius: 12px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 09 — Amethyst Wisteria Twilight
 * active_palette: Amethyst Wisteria Twilight
 * Характер: мягкий пастельный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-09 {
  /* Global tokens */
  --cp-primary: #744B93;
  --cp-primary-dark: #573870;
  --cp-accent: #736EAE;
  --cp-bg: #FBFAFC;
  --cp-card-bg: #ffffff;
  --cp-text: #4A305E;
  --cp-muted: #8A7A9A;
  --cp-border: #E2DAE8;
  --cp-soft-bg: #F3F0F7;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #4A305E;
  --header-link-color: #744B93;
  --header-link-hover-color: #573870;
  --header-border: 1px solid #E2DAE8;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E2DAE8;
  --header-input-color: #4A305E;
  --header-inverse-bg: #573870;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #573870, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #573870, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #573870, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F3F0F7;
  --footer-text: #4A305E;
  --footer-link-color: #744B93;
  --footer-link-hover-color: #573870;
  --footer-border: 1px solid #E2DAE8;
  --footer-muted: #8A7A9A;
  --footer-heading-color: #4A305E;
  --footer-inverse-bg: #573870;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #573870, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F3F0F7;
  --hero-title-color: #4A305E;
  --hero-text-color: #8A7A9A;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #744B93;
  --hero-button-hover-bg: #573870;
  --hero-badge-active-bg: #744B93;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E2DAE8;
  --sidebar-title-color: #4A305E;
  --sidebar-link-color: #4A305E;
  --sidebar-link-hover-color: #744B93;
  --sidebar-star-color: #736EAE;
  --sidebar-accent-border: #744B93;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E2DAE8;
  --coupon-title-color: #4A305E;
  --coupon-text-color: #8A7A9A;
  --coupon-button-bg: #744B93;
  --coupon-button-hover-bg: #573870;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #736EAE;
  --coupon-sale-bg: color-mix(in oklab, #736EAE, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #4A305E, white 80%);
  --coupon-expired-text: #8A7A9A;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E2DAE8;
  --category-icon-bg: color-mix(in oklab, #744B93, white 90%);
  --category-icon-color: #744B93;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E2DAE8;
  --store-logo-bg: color-mix(in oklab, #744B93, white 93%);
  --store-title-color: #4A305E;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E2DAE8;
  --stats-number-color: #744B93;
  --stats-label-color: #8A7A9A;

  /* === Layout & Shape === */
  --container-width: 1260px;
  --container-max: 1260px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 88px;
  --section-y-desktop: 88px;
  --section-y-tablet: 64px;
  --section-y-phone: 56px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 9999px;
  --coupon-card-radius: 10px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.65;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 46px;
  --button-radius: 10px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 10 — Jade Blossom Daylight
 * active_palette: Jade Blossom Daylight
 * Характер: мягкий пастельный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-10 {
  /* Global tokens */
  --cp-primary: #41B97D;
  --cp-primary-dark: #2E8A5D;
  --cp-accent: #FCC5F8;
  --cp-bg: #FAFDFB;
  --cp-card-bg: #ffffff;
  --cp-text: #2A4A3A;
  --cp-muted: #6A9A82;
  --cp-border: #D4ECE0;
  --cp-soft-bg: #E8F8F0;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2A4A3A;
  --header-link-color: #41B97D;
  --header-link-hover-color: #2E8A5D;
  --header-border: 1px solid #D4ECE0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D4ECE0;
  --header-input-color: #2A4A3A;
  --header-inverse-bg: #2E8A5D;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #2E8A5D, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #2E8A5D, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #2E8A5D, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #E8F8F0;
  --footer-text: #2A4A3A;
  --footer-link-color: #41B97D;
  --footer-link-hover-color: #2E8A5D;
  --footer-border: 1px solid #D4ECE0;
  --footer-muted: #6A9A82;
  --footer-heading-color: #2A4A3A;
  --footer-inverse-bg: #2E8A5D;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #2E8A5D, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #E8F8F0;
  --hero-title-color: #2A4A3A;
  --hero-text-color: #6A9A82;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #41B97D;
  --hero-button-hover-bg: #2E8A5D;
  --hero-badge-active-bg: #41B97D;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D4ECE0;
  --sidebar-title-color: #2A4A3A;
  --sidebar-link-color: #2A4A3A;
  --sidebar-link-hover-color: #41B97D;
  --sidebar-star-color: #FCC5F8;
  --sidebar-accent-border: #41B97D;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D4ECE0;
  --coupon-title-color: #2A4A3A;
  --coupon-text-color: #6A9A82;
  --coupon-button-bg: #41B97D;
  --coupon-button-hover-bg: #2E8A5D;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #FCC5F8;
  --coupon-sale-bg: color-mix(in oklab, #FCC5F8, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2A4A3A, white 80%);
  --coupon-expired-text: #6A9A82;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D4ECE0;
  --category-icon-bg: color-mix(in oklab, #41B97D, white 90%);
  --category-icon-color: #41B97D;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D4ECE0;
  --store-logo-bg: color-mix(in oklab, #41B97D, white 93%);
  --store-title-color: #2A4A3A;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D4ECE0;
  --stats-number-color: #41B97D;
  --stats-label-color: #6A9A82;

  /* === Layout & Shape === */
  --container-width: 1240px;
  --container-max: 1240px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 104px;
  --section-y-desktop: 104px;
  --section-y-tablet: 80px;
  --section-y-phone: 72px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-pill: 9999px;
  --coupon-card-radius: 14px;

  /* === Typography === */
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: system-ui, -apple-system, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.55;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 14px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 11 — Ruby Charcoal Twilight
 * active_palette: Ruby Charcoal Twilight
 * Характер: премиальный темный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-11 {
  /* Global tokens */
  --cp-primary: #D91B24;
  --cp-primary-dark: #9A1319;
  --cp-accent: #C4C4C4;
  --cp-bg: #F5F3F3;
  --cp-card-bg: #ffffff;
  --cp-text: #3D3333;
  --cp-muted: #7A6E6E;
  --cp-border: #D6D0D0;
  --cp-soft-bg: #EBE8E8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #3D3333;
  --header-link-color: #D91B24;
  --header-link-hover-color: #9A1319;
  --header-border: 1px solid #D6D0D0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D6D0D0;
  --header-input-color: #3D3333;
  --header-inverse-bg: #3D3333;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #3D3333, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #3D3333, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #3D3333, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #EBE8E8;
  --footer-text: #3D3333;
  --footer-link-color: #D91B24;
  --footer-link-hover-color: #9A1319;
  --footer-border: 1px solid #D6D0D0;
  --footer-muted: #7A6E6E;
  --footer-heading-color: #3D3333;
  --footer-inverse-bg: #3D3333;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #3D3333, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 60%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #EBE8E8;
  --hero-title-color: #3D3333;
  --hero-text-color: #7A6E6E;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #D91B24;
  --hero-button-hover-bg: #9A1319;
  --hero-badge-active-bg: #D91B24;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D6D0D0;
  --sidebar-title-color: #3D3333;
  --sidebar-link-color: #3D3333;
  --sidebar-link-hover-color: #D91B24;
  --sidebar-star-color: #C4C4C4;
  --sidebar-accent-border: #D91B24;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D6D0D0;
  --coupon-title-color: #3D3333;
  --coupon-text-color: #7A6E6E;
  --coupon-button-bg: #D91B24;
  --coupon-button-hover-bg: #9A1319;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #C4C4C4;
  --coupon-sale-bg: color-mix(in oklab, #C4C4C4, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #3D3333, white 80%);
  --coupon-expired-text: #7A6E6E;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D6D0D0;
  --category-icon-bg: color-mix(in oklab, #D91B24, white 90%);
  --category-icon-color: #D91B24;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D6D0D0;
  --store-logo-bg: color-mix(in oklab, #D91B24, white 93%);
  --store-title-color: #3D3333;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D6D0D0;
  --stats-number-color: #D91B24;
  --stats-label-color: #7A6E6E;

  /* === Layout & Shape === */
  --container-width: 1240px;
  --container-max: 1240px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 104px;
  --section-y-desktop: 104px;
  --section-y-tablet: 80px;
  --section-y-phone: 72px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 9999px;
  --coupon-card-radius: 10px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.6;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 52px;
  --button-radius: 10px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 12 — Crimson Amethyst Nightfall
 * active_palette: Crimson Amethyst Nightfall
 * Характер: премиальный темный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-12 {
  /* Global tokens */
  --cp-primary: #D41414;
  --cp-primary-dark: #9A0E0E;
  --cp-accent: #403963;
  --cp-bg: #FAF8F7;
  --cp-card-bg: #ffffff;
  --cp-text: #2A2A2A;
  --cp-muted: #6B6B6B;
  --cp-border: #E0D8D0;
  --cp-soft-bg: #F2EDE8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2A2A2A;
  --header-link-color: #D41414;
  --header-link-hover-color: #9A0E0E;
  --header-border: 1px solid #E0D8D0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0D8D0;
  --header-input-color: #2A2A2A;
  --header-inverse-bg: #2A2A2A;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #2A2A2A, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #2A2A2A, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #2A2A2A, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F2EDE8;
  --footer-text: #2A2A2A;
  --footer-link-color: #D41414;
  --footer-link-hover-color: #9A0E0E;
  --footer-border: 1px solid #E0D8D0;
  --footer-muted: #6B6B6B;
  --footer-heading-color: #2A2A2A;
  --footer-inverse-bg: #2A2A2A;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #2A2A2A, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 60%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F2EDE8;
  --hero-title-color: #2A2A2A;
  --hero-text-color: #6B6B6B;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #D41414;
  --hero-button-hover-bg: #9A0E0E;
  --hero-badge-active-bg: #D41414;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0D8D0;
  --sidebar-title-color: #2A2A2A;
  --sidebar-link-color: #2A2A2A;
  --sidebar-link-hover-color: #D41414;
  --sidebar-star-color: #403963;
  --sidebar-accent-border: #D41414;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0D8D0;
  --coupon-title-color: #2A2A2A;
  --coupon-text-color: #6B6B6B;
  --coupon-button-bg: #D41414;
  --coupon-button-hover-bg: #9A0E0E;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #403963;
  --coupon-sale-bg: color-mix(in oklab, #403963, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2A2A2A, white 80%);
  --coupon-expired-text: #6B6B6B;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0D8D0;
  --category-icon-bg: color-mix(in oklab, #D41414, white 90%);
  --category-icon-color: #D41414;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0D8D0;
  --store-logo-bg: color-mix(in oklab, #D41414, white 93%);
  --store-title-color: #2A2A2A;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0D8D0;
  --stats-number-color: #D41414;
  --stats-label-color: #6B6B6B;

  /* === Layout & Shape === */
  --container-width: 1300px;
  --container-max: 1300px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 96px;
  --section-y-desktop: 96px;
  --section-y-tablet: 72px;
  --section-y-phone: 64px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;
  --coupon-card-radius: 12px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.55;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 52px;
  --button-radius: 12px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 13 — Magma Obsidian Spectrum
 * active_palette: Magma Obsidian Spectrum
 * Характер: премиальный темный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-13 {
  /* Global tokens */
  --cp-primary: #FE3B15;
  --cp-primary-dark: #C42A0E;
  --cp-accent: #9DA1AA;
  --cp-bg: #F8F8F9;
  --cp-card-bg: #ffffff;
  --cp-text: #3C3C4C;
  --cp-muted: #6E6E7A;
  --cp-border: #D8D8DC;
  --cp-soft-bg: #ECECEE;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #3C3C4C;
  --header-link-color: #FE3B15;
  --header-link-hover-color: #C42A0E;
  --header-border: 1px solid #D8D8DC;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D8D8DC;
  --header-input-color: #3C3C4C;
  --header-inverse-bg: #3C3C4C;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #3C3C4C, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #3C3C4C, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #3C3C4C, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #ECECEE;
  --footer-text: #3C3C4C;
  --footer-link-color: #FE3B15;
  --footer-link-hover-color: #C42A0E;
  --footer-border: 1px solid #D8D8DC;
  --footer-muted: #6E6E7A;
  --footer-heading-color: #3C3C4C;
  --footer-inverse-bg: #3C3C4C;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #3C3C4C, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 60%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #ECECEE;
  --hero-title-color: #3C3C4C;
  --hero-text-color: #6E6E7A;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #FE3B15;
  --hero-button-hover-bg: #C42A0E;
  --hero-badge-active-bg: #FE3B15;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D8D8DC;
  --sidebar-title-color: #3C3C4C;
  --sidebar-link-color: #3C3C4C;
  --sidebar-link-hover-color: #FE3B15;
  --sidebar-star-color: #9DA1AA;
  --sidebar-accent-border: #FE3B15;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D8D8DC;
  --coupon-title-color: #3C3C4C;
  --coupon-text-color: #6E6E7A;
  --coupon-button-bg: #FE3B15;
  --coupon-button-hover-bg: #C42A0E;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #9DA1AA;
  --coupon-sale-bg: color-mix(in oklab, #9DA1AA, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #3C3C4C, white 80%);
  --coupon-expired-text: #6E6E7A;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D8D8DC;
  --category-icon-bg: color-mix(in oklab, #FE3B15, white 90%);
  --category-icon-color: #FE3B15;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D8D8DC;
  --store-logo-bg: color-mix(in oklab, #FE3B15, white 93%);
  --store-title-color: #3C3C4C;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D8D8DC;
  --stats-number-color: #FE3B15;
  --stats-label-color: #6E6E7A;

  /* === Layout & Shape === */
  --container-width: 1320px;
  --container-max: 1320px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 88px;
  --section-y-desktop: 88px;
  --section-y-tablet: 64px;
  --section-y-phone: 56px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
  --coupon-card-radius: 8px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 29px;
  --text-3xl: 41px;
  --text-4xl: 53px;
  --leading-body: 1.7;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 8px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 14 — Charcoal Copper Premium
 * active_palette: Charcoal Copper Premium
 * Характер: премиальный темный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-14 {
  /* Global tokens */
  --cp-primary: #D97706;
  --cp-primary-dark: #A65C05;
  --cp-accent: #FCD34D;
  --cp-bg: #FAFAFA;
  --cp-card-bg: #ffffff;
  --cp-text: #27272A;
  --cp-muted: #6B6B70;
  --cp-border: #E2E2E4;
  --cp-soft-bg: #F2F2F3;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #27272A;
  --header-link-color: #D97706;
  --header-link-hover-color: #A65C05;
  --header-border: 1px solid #E2E2E4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E2E2E4;
  --header-input-color: #27272A;
  --header-inverse-bg: #27272A;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #27272A, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #27272A, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #27272A, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F2F2F3;
  --footer-text: #27272A;
  --footer-link-color: #D97706;
  --footer-link-hover-color: #A65C05;
  --footer-border: 1px solid #E2E2E4;
  --footer-muted: #6B6B70;
  --footer-heading-color: #27272A;
  --footer-inverse-bg: #27272A;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #27272A, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 60%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F2F2F3;
  --hero-title-color: #27272A;
  --hero-text-color: #6B6B70;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #D97706;
  --hero-button-hover-bg: #A65C05;
  --hero-badge-active-bg: #D97706;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E2E2E4;
  --sidebar-title-color: #27272A;
  --sidebar-link-color: #27272A;
  --sidebar-link-hover-color: #D97706;
  --sidebar-star-color: #FCD34D;
  --sidebar-accent-border: #D97706;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E2E2E4;
  --coupon-title-color: #27272A;
  --coupon-text-color: #6B6B70;
  --coupon-button-bg: #D97706;
  --coupon-button-hover-bg: #A65C05;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #FCD34D;
  --coupon-sale-bg: color-mix(in oklab, #FCD34D, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #27272A, white 80%);
  --coupon-expired-text: #6B6B70;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E2E2E4;
  --category-icon-bg: color-mix(in oklab, #D97706, white 90%);
  --category-icon-color: #D97706;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E2E2E4;
  --store-logo-bg: color-mix(in oklab, #D97706, white 93%);
  --store-title-color: #27272A;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E2E2E4;
  --stats-number-color: #D97706;
  --stats-label-color: #6B6B70;

  /* === Layout & Shape === */
  --container-width: 1260px;
  --container-max: 1260px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 96px;
  --section-y-desktop: 96px;
  --section-y-tablet: 72px;
  --section-y-phone: 64px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  --coupon-card-radius: 6px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 56px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 44px;
  --button-radius: 6px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 15 — Sunset Topaz Skies
 * active_palette: Sunset Topaz Skies
 * Характер: маркетплейсный яркий
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-15 {
  /* Global tokens */
  --cp-primary: #FC0C04;
  --cp-primary-dark: #C20902;
  --cp-accent: #F5BF0F;
  --cp-bg: #FDFCFA;
  --cp-card-bg: #ffffff;
  --cp-text: #2A2424;
  --cp-muted: #6B6565;
  --cp-border: #E8E0D8;
  --cp-soft-bg: #F5F0EA;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2A2424;
  --header-link-color: #FC0C04;
  --header-link-hover-color: #C20902;
  --header-border: 1px solid #E8E0D8;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E8E0D8;
  --header-input-color: #2A2424;
  --header-inverse-bg: #C20902;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #C20902, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #C20902, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #C20902, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F5F0EA;
  --footer-text: #2A2424;
  --footer-link-color: #FC0C04;
  --footer-link-hover-color: #C20902;
  --footer-border: 1px solid #E8E0D8;
  --footer-muted: #6B6565;
  --footer-heading-color: #2A2424;
  --footer-inverse-bg: #C20902;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #C20902, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F5F0EA;
  --hero-title-color: #2A2424;
  --hero-text-color: #6B6565;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #FC0C04;
  --hero-button-hover-bg: #C20902;
  --hero-badge-active-bg: #FC0C04;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E8E0D8;
  --sidebar-title-color: #2A2424;
  --sidebar-link-color: #2A2424;
  --sidebar-link-hover-color: #FC0C04;
  --sidebar-star-color: #F5BF0F;
  --sidebar-accent-border: #FC0C04;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E8E0D8;
  --coupon-title-color: #2A2424;
  --coupon-text-color: #6B6565;
  --coupon-button-bg: #FC0C04;
  --coupon-button-hover-bg: #C20902;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #F5BF0F;
  --coupon-sale-bg: color-mix(in oklab, #F5BF0F, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2A2424, white 80%);
  --coupon-expired-text: #6B6565;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E8E0D8;
  --category-icon-bg: color-mix(in oklab, #FC0C04, white 90%);
  --category-icon-color: #FC0C04;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E8E0D8;
  --store-logo-bg: color-mix(in oklab, #FC0C04, white 93%);
  --store-title-color: #2A2424;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E8E0D8;
  --stats-number-color: #FC0C04;
  --stats-label-color: #6B6565;

  /* === Layout & Shape === */
  --container-width: 1380px;
  --container-max: 1380px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 64px;
  --section-y-desktop: 64px;
  --section-y-tablet: 40px;
  --section-y-phone: 32px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 9999px;
  --coupon-card-radius: 10px;

  /* === Typography === */
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.55;
  --leading-tight: 1.2;
  --tracking-display: -0.02em;

  /* === Buttons === */
  --button-height: 56px;
  --button-radius: 10px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 20px rgba(0,0,0,0.10);
  --shadow-xl: 0 16px 32px rgba(0,0,0,0.12);
  --shadow-card: 0 3px 10px rgba(0,0,0,0.07);
  --shadow-card-hover: 0 6px 16px rgba(0,0,0,0.10);
  --coupon-card-shadow: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 16 — Ocean Ruby Radiance
 * active_palette: Ocean Ruby Radiance
 * Характер: маркетплейсный яркий
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-16 {
  /* Global tokens */
  --cp-primary: #D8226C;
  --cp-primary-dark: #A81A54;
  --cp-accent: #F86A38;
  --cp-bg: #FAF8F9;
  --cp-card-bg: #ffffff;
  --cp-text: #2A1E24;
  --cp-muted: #7A6B72;
  --cp-border: #E0D4DA;
  --cp-soft-bg: #F0E8EC;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2A1E24;
  --header-link-color: #D8226C;
  --header-link-hover-color: #A81A54;
  --header-border: 1px solid #E0D4DA;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0D4DA;
  --header-input-color: #2A1E24;
  --header-inverse-bg: #A81A54;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #A81A54, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #A81A54, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #A81A54, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0E8EC;
  --footer-text: #2A1E24;
  --footer-link-color: #D8226C;
  --footer-link-hover-color: #A81A54;
  --footer-border: 1px solid #E0D4DA;
  --footer-muted: #7A6B72;
  --footer-heading-color: #2A1E24;
  --footer-inverse-bg: #A81A54;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #A81A54, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0E8EC;
  --hero-title-color: #2A1E24;
  --hero-text-color: #7A6B72;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #D8226C;
  --hero-button-hover-bg: #A81A54;
  --hero-badge-active-bg: #D8226C;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0D4DA;
  --sidebar-title-color: #2A1E24;
  --sidebar-link-color: #2A1E24;
  --sidebar-link-hover-color: #D8226C;
  --sidebar-star-color: #F86A38;
  --sidebar-accent-border: #D8226C;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0D4DA;
  --coupon-title-color: #2A1E24;
  --coupon-text-color: #7A6B72;
  --coupon-button-bg: #D8226C;
  --coupon-button-hover-bg: #A81A54;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #F86A38;
  --coupon-sale-bg: color-mix(in oklab, #F86A38, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2A1E24, white 80%);
  --coupon-expired-text: #7A6B72;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0D4DA;
  --category-icon-bg: color-mix(in oklab, #D8226C, white 90%);
  --category-icon-color: #D8226C;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0D4DA;
  --store-logo-bg: color-mix(in oklab, #D8226C, white 93%);
  --store-title-color: #2A1E24;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0D4DA;
  --stats-number-color: #D8226C;
  --stats-label-color: #7A6B72;

  /* === Layout & Shape === */
  --container-width: 1400px;
  --container-max: 1400px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 72px;
  --section-y-desktop: 72px;
  --section-y-tablet: 48px;
  --section-y-phone: 40px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 9999px;
  --coupon-card-radius: 6px;

  /* === Typography === */
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 29px;
  --text-3xl: 41px;
  --text-4xl: 53px;
  --leading-body: 1.6;
  --leading-tight: 1.2;
  --tracking-display: -0.02em;

  /* === Buttons === */
  --button-height: 52px;
  --button-radius: 6px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 20px rgba(0,0,0,0.10);
  --shadow-xl: 0 16px 32px rgba(0,0,0,0.12);
  --shadow-card: 0 3px 10px rgba(0,0,0,0.07);
  --shadow-card-hover: 0 6px 16px rgba(0,0,0,0.10);
  --coupon-card-shadow: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 17 — Jungle Opal Morning
 * active_palette: Jungle Opal Morning
 * Характер: маркетплейсный яркий
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-17 {
  /* Global tokens */
  --cp-primary: #3C9245;
  --cp-primary-dark: #2A6A31;
  --cp-accent: #FCB404;
  --cp-bg: #FAFBF8;
  --cp-card-bg: #ffffff;
  --cp-text: #2A2A24;
  --cp-muted: #6B6B5F;
  --cp-border: #E0E2D4;
  --cp-soft-bg: #F0F2E8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2A2A24;
  --header-link-color: #3C9245;
  --header-link-hover-color: #2A6A31;
  --header-border: 1px solid #E0E2D4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0E2D4;
  --header-input-color: #2A2A24;
  --header-inverse-bg: #2A6A31;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #2A6A31, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #2A6A31, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #2A6A31, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0F2E8;
  --footer-text: #2A2A24;
  --footer-link-color: #3C9245;
  --footer-link-hover-color: #2A6A31;
  --footer-border: 1px solid #E0E2D4;
  --footer-muted: #6B6B5F;
  --footer-heading-color: #2A2A24;
  --footer-inverse-bg: #2A6A31;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #2A6A31, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0F2E8;
  --hero-title-color: #2A2A24;
  --hero-text-color: #6B6B5F;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #3C9245;
  --hero-button-hover-bg: #2A6A31;
  --hero-badge-active-bg: #3C9245;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0E2D4;
  --sidebar-title-color: #2A2A24;
  --sidebar-link-color: #2A2A24;
  --sidebar-link-hover-color: #3C9245;
  --sidebar-star-color: #FCB404;
  --sidebar-accent-border: #3C9245;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0E2D4;
  --coupon-title-color: #2A2A24;
  --coupon-text-color: #6B6B5F;
  --coupon-button-bg: #3C9245;
  --coupon-button-hover-bg: #2A6A31;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #FCB404;
  --coupon-sale-bg: color-mix(in oklab, #FCB404, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2A2A24, white 80%);
  --coupon-expired-text: #6B6B5F;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0E2D4;
  --category-icon-bg: color-mix(in oklab, #3C9245, white 90%);
  --category-icon-color: #3C9245;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0E2D4;
  --store-logo-bg: color-mix(in oklab, #3C9245, white 93%);
  --store-title-color: #2A2A24;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0E2D4;
  --stats-number-color: #3C9245;
  --stats-label-color: #6B6B5F;

  /* === Layout & Shape === */
  --container-width: 1320px;
  --container-max: 1320px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 64px;
  --section-y-desktop: 64px;
  --section-y-tablet: 40px;
  --section-y-phone: 32px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 0px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 9999px;
  --coupon-card-radius: 4px;

  /* === Typography === */
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 56px;
  --leading-body: 1.65;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 56px;
  --button-radius: 4px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 18 — Emerald Sapphire Daybreak
 * active_palette: Emerald Sapphire Daybreak
 * Характер: маркетплейсный яркий
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-18 {
  /* Global tokens */
  --cp-primary: #F3000E;
  --cp-primary-dark: #C2000B;
  --cp-accent: #F25016;
  --cp-bg: #FDFBF8;
  --cp-card-bg: #ffffff;
  --cp-text: #2A2420;
  --cp-muted: #7A7068;
  --cp-border: #E8E0D4;
  --cp-soft-bg: #F5F0E8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2A2420;
  --header-link-color: #F3000E;
  --header-link-hover-color: #C2000B;
  --header-border: 1px solid #E8E0D4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E8E0D4;
  --header-input-color: #2A2420;
  --header-inverse-bg: #C2000B;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #C2000B, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #C2000B, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #C2000B, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F5F0E8;
  --footer-text: #2A2420;
  --footer-link-color: #F3000E;
  --footer-link-hover-color: #C2000B;
  --footer-border: 1px solid #E8E0D4;
  --footer-muted: #7A7068;
  --footer-heading-color: #2A2420;
  --footer-inverse-bg: #C2000B;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #C2000B, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F5F0E8;
  --hero-title-color: #2A2420;
  --hero-text-color: #7A7068;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #F3000E;
  --hero-button-hover-bg: #C2000B;
  --hero-badge-active-bg: #F3000E;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E8E0D4;
  --sidebar-title-color: #2A2420;
  --sidebar-link-color: #2A2420;
  --sidebar-link-hover-color: #F3000E;
  --sidebar-star-color: #F25016;
  --sidebar-accent-border: #F3000E;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E8E0D4;
  --coupon-title-color: #2A2420;
  --coupon-text-color: #7A7068;
  --coupon-button-bg: #F3000E;
  --coupon-button-hover-bg: #C2000B;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #F25016;
  --coupon-sale-bg: color-mix(in oklab, #F25016, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2A2420, white 80%);
  --coupon-expired-text: #7A7068;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E8E0D4;
  --category-icon-bg: color-mix(in oklab, #F3000E, white 90%);
  --category-icon-color: #F3000E;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E8E0D4;
  --store-logo-bg: color-mix(in oklab, #F3000E, white 93%);
  --store-title-color: #2A2420;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E8E0D4;
  --stats-number-color: #F3000E;
  --stats-label-color: #7A7068;

  /* === Layout & Shape === */
  --container-width: 1350px;
  --container-max: 1350px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 48px;
  --section-y-desktop: 48px;
  --section-y-tablet: 28px;
  --section-y-phone: 24px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;
  --coupon-card-radius: 12px;

  /* === Typography === */
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: -0.02em;

  /* === Buttons === */
  --button-height: 52px;
  --button-radius: 12px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.05);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 20px rgba(0,0,0,0.10);
  --shadow-xl: 0 16px 32px rgba(0,0,0,0.12);
  --shadow-card: 0 3px 10px rgba(0,0,0,0.07);
  --shadow-card-hover: 0 6px 16px rgba(0,0,0,0.10);
  --coupon-card-shadow: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 19 — Emerald Tangerine Morning
 * active_palette: Emerald Tangerine Morning
 * Характер: минималистичный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-19 {
  /* Global tokens */
  --cp-primary: #28694B;
  --cp-primary-dark: #1A4532;
  --cp-accent: #FF5F2D;
  --cp-bg: #FAFAF8;
  --cp-card-bg: #ffffff;
  --cp-text: #1A3326;
  --cp-muted: #5A7568;
  --cp-border: #E0E0D8;
  --cp-soft-bg: #F0F0EA;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #1A3326;
  --header-link-color: #28694B;
  --header-link-hover-color: #1A4532;
  --header-border: 1px solid #E0E0D8;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0E0D8;
  --header-input-color: #1A3326;
  --header-inverse-bg: #1A4532;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #1A4532, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #1A4532, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #1A4532, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0F0EA;
  --footer-text: #1A3326;
  --footer-link-color: #28694B;
  --footer-link-hover-color: #1A4532;
  --footer-border: 1px solid #E0E0D8;
  --footer-muted: #5A7568;
  --footer-heading-color: #1A3326;
  --footer-inverse-bg: #1A4532;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #1A4532, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0F0EA;
  --hero-title-color: #1A3326;
  --hero-text-color: #5A7568;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #28694B;
  --hero-button-hover-bg: #1A4532;
  --hero-badge-active-bg: #28694B;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0E0D8;
  --sidebar-title-color: #1A3326;
  --sidebar-link-color: #1A3326;
  --sidebar-link-hover-color: #28694B;
  --sidebar-star-color: #FF5F2D;
  --sidebar-accent-border: #28694B;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0E0D8;
  --coupon-title-color: #1A3326;
  --coupon-text-color: #5A7568;
  --coupon-button-bg: #28694B;
  --coupon-button-hover-bg: #1A4532;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #FF5F2D;
  --coupon-sale-bg: color-mix(in oklab, #FF5F2D, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #1A3326, white 80%);
  --coupon-expired-text: #5A7568;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0E0D8;
  --category-icon-bg: color-mix(in oklab, #28694B, white 90%);
  --category-icon-color: #28694B;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0E0D8;
  --store-logo-bg: color-mix(in oklab, #28694B, white 93%);
  --store-title-color: #1A3326;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0E0D8;
  --stats-number-color: #28694B;
  --stats-label-color: #5A7568;

  /* === Layout & Shape === */
  --container-width: 1260px;
  --container-max: 1260px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 112px;
  --section-y-desktop: 112px;
  --section-y-tablet: 88px;
  --section-y-phone: 80px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --coupon-card-radius: 16px;

  /* === Typography === */
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: system-ui, -apple-system, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 29px;
  --text-3xl: 41px;
  --text-4xl: 53px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 52px;
  --button-radius: 16px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 20 — Amber Walnut Morning
 * active_palette: Amber Walnut Morning
 * Характер: минималистичный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-20 {
  /* Global tokens */
  --cp-primary: #BB6C43;
  --cp-primary-dark: #8A4F31;
  --cp-accent: #CCB499;
  --cp-bg: #FAFAF8;
  --cp-card-bg: #ffffff;
  --cp-text: #4A413C;
  --cp-muted: #7A7268;
  --cp-border: #E0DCD6;
  --cp-soft-bg: #F2F0EC;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #4A413C;
  --header-link-color: #BB6C43;
  --header-link-hover-color: #8A4F31;
  --header-border: 1px solid #E0DCD6;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0DCD6;
  --header-input-color: #4A413C;
  --header-inverse-bg: #8A4F31;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #8A4F31, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #8A4F31, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #8A4F31, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F2F0EC;
  --footer-text: #4A413C;
  --footer-link-color: #BB6C43;
  --footer-link-hover-color: #8A4F31;
  --footer-border: 1px solid #E0DCD6;
  --footer-muted: #7A7268;
  --footer-heading-color: #4A413C;
  --footer-inverse-bg: #8A4F31;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #8A4F31, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F2F0EC;
  --hero-title-color: #4A413C;
  --hero-text-color: #7A7268;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #BB6C43;
  --hero-button-hover-bg: #8A4F31;
  --hero-badge-active-bg: #BB6C43;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0DCD6;
  --sidebar-title-color: #4A413C;
  --sidebar-link-color: #4A413C;
  --sidebar-link-hover-color: #BB6C43;
  --sidebar-star-color: #CCB499;
  --sidebar-accent-border: #BB6C43;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0DCD6;
  --coupon-title-color: #4A413C;
  --coupon-text-color: #7A7268;
  --coupon-button-bg: #BB6C43;
  --coupon-button-hover-bg: #8A4F31;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #CCB499;
  --coupon-sale-bg: color-mix(in oklab, #CCB499, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #4A413C, white 80%);
  --coupon-expired-text: #7A7268;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0DCD6;
  --category-icon-bg: color-mix(in oklab, #BB6C43, white 90%);
  --category-icon-color: #BB6C43;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0DCD6;
  --store-logo-bg: color-mix(in oklab, #BB6C43, white 93%);
  --store-title-color: #4A413C;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0DCD6;
  --stats-number-color: #BB6C43;
  --stats-label-color: #7A7268;

  /* === Layout & Shape === */
  --container-width: 1240px;
  --container-max: 1240px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 80px;
  --section-y-desktop: 80px;
  --section-y-tablet: 56px;
  --section-y-phone: 48px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 9999px;
  --coupon-card-radius: 10px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.55;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 10px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 21 — Driftwood Pearl Morning
 * active_palette: Driftwood Pearl Morning
 * Характер: минималистичный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-21 {
  /* Global tokens */
  --cp-primary: #BC7B6F;
  --cp-primary-dark: #8A5A51;
  --cp-accent: #718A9E;
  --cp-bg: #FAF8F7;
  --cp-card-bg: #ffffff;
  --cp-text: #5A322A;
  --cp-muted: #8A7068;
  --cp-border: #E0D8D4;
  --cp-soft-bg: #F2EEEC;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #5A322A;
  --header-link-color: #BC7B6F;
  --header-link-hover-color: #8A5A51;
  --header-border: 1px solid #E0D8D4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0D8D4;
  --header-input-color: #5A322A;
  --header-inverse-bg: #8A5A51;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #8A5A51, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #8A5A51, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #8A5A51, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F2EEEC;
  --footer-text: #5A322A;
  --footer-link-color: #BC7B6F;
  --footer-link-hover-color: #8A5A51;
  --footer-border: 1px solid #E0D8D4;
  --footer-muted: #8A7068;
  --footer-heading-color: #5A322A;
  --footer-inverse-bg: #8A5A51;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #8A5A51, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F2EEEC;
  --hero-title-color: #5A322A;
  --hero-text-color: #8A7068;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #BC7B6F;
  --hero-button-hover-bg: #8A5A51;
  --hero-badge-active-bg: #BC7B6F;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0D8D4;
  --sidebar-title-color: #5A322A;
  --sidebar-link-color: #5A322A;
  --sidebar-link-hover-color: #BC7B6F;
  --sidebar-star-color: #718A9E;
  --sidebar-accent-border: #BC7B6F;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0D8D4;
  --coupon-title-color: #5A322A;
  --coupon-text-color: #8A7068;
  --coupon-button-bg: #BC7B6F;
  --coupon-button-hover-bg: #8A5A51;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #718A9E;
  --coupon-sale-bg: color-mix(in oklab, #718A9E, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #5A322A, white 80%);
  --coupon-expired-text: #8A7068;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0D8D4;
  --category-icon-bg: color-mix(in oklab, #BC7B6F, white 90%);
  --category-icon-color: #BC7B6F;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0D8D4;
  --store-logo-bg: color-mix(in oklab, #BC7B6F, white 93%);
  --store-title-color: #5A322A;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0D8D4;
  --stats-number-color: #BC7B6F;
  --stats-label-color: #8A7068;

  /* === Layout & Shape === */
  --container-width: 1180px;
  --container-max: 1180px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 96px;
  --section-y-desktop: 96px;
  --section-y-tablet: 72px;
  --section-y-phone: 64px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-pill: 9999px;
  --coupon-card-radius: 14px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 44px;
  --button-radius: 14px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 22 — Turquoise Peach Afternoon
 * active_palette: Turquoise Peach Afternoon
 * Характер: минималистичный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-22 {
  /* Global tokens */
  --cp-primary: #B87981;
  --cp-primary-dark: #8A5A60;
  --cp-accent: #40C4D0;
  --cp-bg: #FAF8F8;
  --cp-card-bg: #ffffff;
  --cp-text: #4A2E2E;
  --cp-muted: #7A5E5E;
  --cp-border: #E0D8D8;
  --cp-soft-bg: #F2EEEC;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #4A2E2E;
  --header-link-color: #B87981;
  --header-link-hover-color: #8A5A60;
  --header-border: 1px solid #E0D8D8;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0D8D8;
  --header-input-color: #4A2E2E;
  --header-inverse-bg: #8A5A60;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #8A5A60, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #8A5A60, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #8A5A60, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F2EEEC;
  --footer-text: #4A2E2E;
  --footer-link-color: #B87981;
  --footer-link-hover-color: #8A5A60;
  --footer-border: 1px solid #E0D8D8;
  --footer-muted: #7A5E5E;
  --footer-heading-color: #4A2E2E;
  --footer-inverse-bg: #8A5A60;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #8A5A60, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F2EEEC;
  --hero-title-color: #4A2E2E;
  --hero-text-color: #7A5E5E;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #B87981;
  --hero-button-hover-bg: #8A5A60;
  --hero-badge-active-bg: #B87981;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0D8D8;
  --sidebar-title-color: #4A2E2E;
  --sidebar-link-color: #4A2E2E;
  --sidebar-link-hover-color: #B87981;
  --sidebar-star-color: #40C4D0;
  --sidebar-accent-border: #B87981;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0D8D8;
  --coupon-title-color: #4A2E2E;
  --coupon-text-color: #7A5E5E;
  --coupon-button-bg: #B87981;
  --coupon-button-hover-bg: #8A5A60;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #40C4D0;
  --coupon-sale-bg: color-mix(in oklab, #40C4D0, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #4A2E2E, white 80%);
  --coupon-expired-text: #7A5E5E;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0D8D8;
  --category-icon-bg: color-mix(in oklab, #B87981, white 90%);
  --category-icon-color: #B87981;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0D8D8;
  --store-logo-bg: color-mix(in oklab, #B87981, white 93%);
  --store-title-color: #4A2E2E;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0D8D8;
  --stats-number-color: #B87981;
  --stats-label-color: #7A5E5E;

  /* === Layout & Shape === */
  --container-width: 1160px;
  --container-max: 1160px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 72px;
  --section-y-desktop: 72px;
  --section-y-tablet: 48px;
  --section-y-phone: 40px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 9999px;
  --coupon-card-radius: 10px;

  /* === Typography === */
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.6;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 40px;
  --button-radius: 8px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 23 — Emerald Seashell Noon
 * active_palette: Emerald Seashell Noon
 * Характер: светлый воздушный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-23 {
  /* Global tokens */
  --cp-primary: #05B084;
  --cp-primary-dark: #048062;
  --cp-accent: #015A84;
  --cp-bg: #FAFCFB;
  --cp-card-bg: #ffffff;
  --cp-text: #013A54;
  --cp-muted: #4A7A8A;
  --cp-border: #D4E8E0;
  --cp-soft-bg: #E8F5F0;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #013A54;
  --header-link-color: #05B084;
  --header-link-hover-color: #048062;
  --header-border: 1px solid #D4E8E0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D4E8E0;
  --header-input-color: #013A54;
  --header-inverse-bg: #048062;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #048062, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #048062, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #048062, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #E8F5F0;
  --footer-text: #013A54;
  --footer-link-color: #05B084;
  --footer-link-hover-color: #048062;
  --footer-border: 1px solid #D4E8E0;
  --footer-muted: #4A7A8A;
  --footer-heading-color: #013A54;
  --footer-inverse-bg: #048062;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #048062, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #E8F5F0;
  --hero-title-color: #013A54;
  --hero-text-color: #4A7A8A;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #05B084;
  --hero-button-hover-bg: #048062;
  --hero-badge-active-bg: #05B084;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D4E8E0;
  --sidebar-title-color: #013A54;
  --sidebar-link-color: #013A54;
  --sidebar-link-hover-color: #05B084;
  --sidebar-star-color: #015A84;
  --sidebar-accent-border: #05B084;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D4E8E0;
  --coupon-title-color: #013A54;
  --coupon-text-color: #4A7A8A;
  --coupon-button-bg: #05B084;
  --coupon-button-hover-bg: #048062;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #015A84;
  --coupon-sale-bg: color-mix(in oklab, #015A84, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #013A54, white 80%);
  --coupon-expired-text: #4A7A8A;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D4E8E0;
  --category-icon-bg: color-mix(in oklab, #05B084, white 90%);
  --category-icon-color: #05B084;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D4E8E0;
  --store-logo-bg: color-mix(in oklab, #05B084, white 93%);
  --store-title-color: #013A54;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D4E8E0;
  --stats-number-color: #05B084;
  --stats-label-color: #4A7A8A;

  /* === Layout & Shape === */
  --container-width: 1180px;
  --container-max: 1180px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 56px;
  --section-y-desktop: 56px;
  --section-y-tablet: 32px;
  --section-y-phone: 24px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 0px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 9999px;
  --coupon-card-radius: 4px;

  /* === Typography === */
  --font-heading: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 29px;
  --text-3xl: 41px;
  --text-4xl: 53px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: -0.02em;

  /* === Buttons === */
  --button-height: 40px;
  --button-radius: 4px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 24 — Opal Forest Morning
 * active_palette: Opal Forest Morning
 * Характер: светлый воздушный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-24 {
  /* Global tokens */
  --cp-primary: #126842;
  --cp-primary-dark: #0D4A2E;
  --cp-accent: #F48B9A;
  --cp-bg: #FAFBF8;
  --cp-card-bg: #ffffff;
  --cp-text: #1A3D2A;
  --cp-muted: #5A8A6E;
  --cp-border: #D4E0D4;
  --cp-soft-bg: #E8F0E8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #1A3D2A;
  --header-link-color: #126842;
  --header-link-hover-color: #0D4A2E;
  --header-border: 1px solid #D4E0D4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D4E0D4;
  --header-input-color: #1A3D2A;
  --header-inverse-bg: #0D4A2E;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #0D4A2E, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #0D4A2E, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #0D4A2E, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #E8F0E8;
  --footer-text: #1A3D2A;
  --footer-link-color: #126842;
  --footer-link-hover-color: #0D4A2E;
  --footer-border: 1px solid #D4E0D4;
  --footer-muted: #5A8A6E;
  --footer-heading-color: #1A3D2A;
  --footer-inverse-bg: #0D4A2E;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #0D4A2E, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #E8F0E8;
  --hero-title-color: #1A3D2A;
  --hero-text-color: #5A8A6E;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #126842;
  --hero-button-hover-bg: #0D4A2E;
  --hero-badge-active-bg: #126842;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D4E0D4;
  --sidebar-title-color: #1A3D2A;
  --sidebar-link-color: #1A3D2A;
  --sidebar-link-hover-color: #126842;
  --sidebar-star-color: #F48B9A;
  --sidebar-accent-border: #126842;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D4E0D4;
  --coupon-title-color: #1A3D2A;
  --coupon-text-color: #5A8A6E;
  --coupon-button-bg: #126842;
  --coupon-button-hover-bg: #0D4A2E;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #F48B9A;
  --coupon-sale-bg: color-mix(in oklab, #F48B9A, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #1A3D2A, white 80%);
  --coupon-expired-text: #5A8A6E;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D4E0D4;
  --category-icon-bg: color-mix(in oklab, #126842, white 90%);
  --category-icon-color: #126842;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D4E0D4;
  --store-logo-bg: color-mix(in oklab, #126842, white 93%);
  --store-title-color: #1A3D2A;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D4E0D4;
  --stats-number-color: #126842;
  --stats-label-color: #5A8A6E;

  /* === Layout & Shape === */
  --container-width: 1220px;
  --container-max: 1220px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 96px;
  --section-y-desktop: 96px;
  --section-y-tablet: 72px;
  --section-y-phone: 64px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 9999px;
  --coupon-card-radius: 12px;

  /* === Typography === */
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: system-ui, -apple-system, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.6;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 44px;
  --button-radius: 12px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 25 — Nordic Frost Airy
 * active_palette: Nordic Frost Airy
 * Характер: светлый воздушный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-25 {
  /* Global tokens */
  --cp-primary: #0F766E;
  --cp-primary-dark: #0A524C;
  --cp-accent: #5EEAD4;
  --cp-bg: #FAFDFD;
  --cp-card-bg: #ffffff;
  --cp-text: #134E4A;
  --cp-muted: #4A8A82;
  --cp-border: #D4F0EA;
  --cp-soft-bg: #E8F8F5;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #134E4A;
  --header-link-color: #0F766E;
  --header-link-hover-color: #0A524C;
  --header-border: 1px solid #D4F0EA;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D4F0EA;
  --header-input-color: #134E4A;
  --header-inverse-bg: #0A524C;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #0A524C, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #0A524C, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #0A524C, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #E8F8F5;
  --footer-text: #134E4A;
  --footer-link-color: #0F766E;
  --footer-link-hover-color: #0A524C;
  --footer-border: 1px solid #D4F0EA;
  --footer-muted: #4A8A82;
  --footer-heading-color: #134E4A;
  --footer-inverse-bg: #0A524C;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #0A524C, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #E8F8F5;
  --hero-title-color: #134E4A;
  --hero-text-color: #4A8A82;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #0F766E;
  --hero-button-hover-bg: #0A524C;
  --hero-badge-active-bg: #0F766E;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D4F0EA;
  --sidebar-title-color: #134E4A;
  --sidebar-link-color: #134E4A;
  --sidebar-link-hover-color: #0F766E;
  --sidebar-star-color: #5EEAD4;
  --sidebar-accent-border: #0F766E;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D4F0EA;
  --coupon-title-color: #134E4A;
  --coupon-text-color: #4A8A82;
  --coupon-button-bg: #0F766E;
  --coupon-button-hover-bg: #0A524C;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #5EEAD4;
  --coupon-sale-bg: color-mix(in oklab, #5EEAD4, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #134E4A, white 80%);
  --coupon-expired-text: #4A8A82;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D4F0EA;
  --category-icon-bg: color-mix(in oklab, #0F766E, white 90%);
  --category-icon-color: #0F766E;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D4F0EA;
  --store-logo-bg: color-mix(in oklab, #0F766E, white 93%);
  --store-title-color: #134E4A;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D4F0EA;
  --stats-number-color: #0F766E;
  --stats-label-color: #4A8A82;

  /* === Layout & Shape === */
  --container-width: 1300px;
  --container-max: 1300px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 120px;
  --section-y-desktop: 120px;
  --section-y-tablet: 96px;
  --section-y-phone: 88px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --coupon-card-radius: 16px;

  /* === Typography === */
  --font-heading: system-ui, -apple-system, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: system-ui, -apple-system, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 29px;
  --text-3xl: 41px;
  --text-4xl: 53px;
  --leading-body: 1.5;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 56px;
  --button-radius: 16px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 26 — Aqua Ruby Nightfall
 * active_palette: Aqua Ruby Nightfall
 * Характер: контрастный доступный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-26 {
  /* Global tokens */
  --cp-primary: #F61C24;
  --cp-primary-dark: #C2161C;
  --cp-accent: #41D2EF;
  --cp-bg: #FAFAFB;
  --cp-card-bg: #ffffff;
  --cp-text: #03020C;
  --cp-muted: #4A4A5A;
  --cp-border: #D8D8E0;
  --cp-soft-bg: #F0F0F5;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #03020C;
  --header-link-color: #F61C24;
  --header-link-hover-color: #C2161C;
  --header-border: 1px solid #D8D8E0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D8D8E0;
  --header-input-color: #03020C;
  --header-inverse-bg: #C2161C;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #C2161C, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #C2161C, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #C2161C, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0F0F5;
  --footer-text: #03020C;
  --footer-link-color: #F61C24;
  --footer-link-hover-color: #C2161C;
  --footer-border: 1px solid #D8D8E0;
  --footer-muted: #4A4A5A;
  --footer-heading-color: #03020C;
  --footer-inverse-bg: #C2161C;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #C2161C, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0F0F5;
  --hero-title-color: #03020C;
  --hero-text-color: #4A4A5A;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #F61C24;
  --hero-button-hover-bg: #C2161C;
  --hero-badge-active-bg: #F61C24;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D8D8E0;
  --sidebar-title-color: #03020C;
  --sidebar-link-color: #03020C;
  --sidebar-link-hover-color: #F61C24;
  --sidebar-star-color: #41D2EF;
  --sidebar-accent-border: #F61C24;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D8D8E0;
  --coupon-title-color: #03020C;
  --coupon-text-color: #4A4A5A;
  --coupon-button-bg: #F61C24;
  --coupon-button-hover-bg: #C2161C;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #41D2EF;
  --coupon-sale-bg: color-mix(in oklab, #41D2EF, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #03020C, white 80%);
  --coupon-expired-text: #4A4A5A;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D8D8E0;
  --category-icon-bg: color-mix(in oklab, #F61C24, white 90%);
  --category-icon-color: #F61C24;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D8D8E0;
  --store-logo-bg: color-mix(in oklab, #F61C24, white 93%);
  --store-title-color: #03020C;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D8D8E0;
  --stats-number-color: #F61C24;
  --stats-label-color: #4A4A5A;

  /* === Layout & Shape === */
  --container-width: 1340px;
  --container-max: 1340px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 48px;
  --section-y-desktop: 48px;
  --section-y-tablet: 28px;
  --section-y-phone: 24px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 0px;
  --radius-md: 0px;
  --radius-lg: 4px;
  --radius-xl: 8px;
  --radius-pill: 9999px;
  --coupon-card-radius: 0px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 56px;
  --leading-body: 1.75;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 56px;
  --button-radius: 0px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 27 — Emerald Lapis Twilight
 * active_palette: Emerald Lapis Twilight
 * Характер: контрастный доступный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-27 {
  /* Global tokens */
  --cp-primary: #2C543C;
  --cp-primary-dark: #1A3224;
  --cp-accent: #00C588;
  --cp-bg: #FAFBFA;
  --cp-card-bg: #ffffff;
  --cp-text: #0F1F15;
  --cp-muted: #4A6B58;
  --cp-border: #D4E0D4;
  --cp-soft-bg: #E8F0E8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #0F1F15;
  --header-link-color: #2C543C;
  --header-link-hover-color: #1A3224;
  --header-border: 1px solid #D4E0D4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #D4E0D4;
  --header-input-color: #0F1F15;
  --header-inverse-bg: #1A3224;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #1A3224, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #1A3224, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #1A3224, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #E8F0E8;
  --footer-text: #0F1F15;
  --footer-link-color: #2C543C;
  --footer-link-hover-color: #1A3224;
  --footer-border: 1px solid #D4E0D4;
  --footer-muted: #4A6B58;
  --footer-heading-color: #0F1F15;
  --footer-inverse-bg: #1A3224;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #1A3224, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #E8F0E8;
  --hero-title-color: #0F1F15;
  --hero-text-color: #4A6B58;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #2C543C;
  --hero-button-hover-bg: #1A3224;
  --hero-badge-active-bg: #2C543C;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #D4E0D4;
  --sidebar-title-color: #0F1F15;
  --sidebar-link-color: #0F1F15;
  --sidebar-link-hover-color: #2C543C;
  --sidebar-star-color: #00C588;
  --sidebar-accent-border: #2C543C;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #D4E0D4;
  --coupon-title-color: #0F1F15;
  --coupon-text-color: #4A6B58;
  --coupon-button-bg: #2C543C;
  --coupon-button-hover-bg: #1A3224;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #00C588;
  --coupon-sale-bg: color-mix(in oklab, #00C588, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #0F1F15, white 80%);
  --coupon-expired-text: #4A6B58;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #D4E0D4;
  --category-icon-bg: color-mix(in oklab, #2C543C, white 90%);
  --category-icon-color: #2C543C;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #D4E0D4;
  --store-logo-bg: color-mix(in oklab, #2C543C, white 93%);
  --store-title-color: #0F1F15;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #D4E0D4;
  --stats-number-color: #2C543C;
  --stats-label-color: #4A6B58;

  /* === Layout & Shape === */
  --container-width: 1340px;
  --container-max: 1340px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 80px;
  --section-y-desktop: 80px;
  --section-y-tablet: 56px;
  --section-y-phone: 48px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 22px;
  --radius-pill: 9999px;
  --coupon-card-radius: 14px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 23px;
  --text-2xl: 31px;
  --text-3xl: 43px;
  --text-4xl: 55px;
  --leading-body: 1.75;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 14px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 28 — Copper Aquamarine Dream
 * active_palette: Copper Aquamarine Dream
 * Характер: контрастный доступный
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-28 {
  /* Global tokens */
  --cp-primary: #D6794D;
  --cp-primary-dark: #A65C3A;
  --cp-accent: #4C848D;
  --cp-bg: #FAF8F7;
  --cp-card-bg: #ffffff;
  --cp-text: #1A2E32;
  --cp-muted: #4A6A70;
  --cp-border: #E0D8D0;
  --cp-soft-bg: #F0ECE8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #1A2E32;
  --header-link-color: #D6794D;
  --header-link-hover-color: #A65C3A;
  --header-border: 1px solid #E0D8D0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0D8D0;
  --header-input-color: #1A2E32;
  --header-inverse-bg: #A65C3A;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #A65C3A, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #A65C3A, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #A65C3A, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0ECE8;
  --footer-text: #1A2E32;
  --footer-link-color: #D6794D;
  --footer-link-hover-color: #A65C3A;
  --footer-border: 1px solid #E0D8D0;
  --footer-muted: #4A6A70;
  --footer-heading-color: #1A2E32;
  --footer-inverse-bg: #A65C3A;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #A65C3A, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0ECE8;
  --hero-title-color: #1A2E32;
  --hero-text-color: #4A6A70;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #D6794D;
  --hero-button-hover-bg: #A65C3A;
  --hero-badge-active-bg: #D6794D;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0D8D0;
  --sidebar-title-color: #1A2E32;
  --sidebar-link-color: #1A2E32;
  --sidebar-link-hover-color: #D6794D;
  --sidebar-star-color: #4C848D;
  --sidebar-accent-border: #D6794D;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0D8D0;
  --coupon-title-color: #1A2E32;
  --coupon-text-color: #4A6A70;
  --coupon-button-bg: #D6794D;
  --coupon-button-hover-bg: #A65C3A;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #4C848D;
  --coupon-sale-bg: color-mix(in oklab, #4C848D, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #1A2E32, white 80%);
  --coupon-expired-text: #4A6A70;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0D8D0;
  --category-icon-bg: color-mix(in oklab, #D6794D, white 90%);
  --category-icon-color: #D6794D;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0D8D0;
  --store-logo-bg: color-mix(in oklab, #D6794D, white 93%);
  --store-title-color: #1A2E32;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0D8D0;
  --stats-number-color: #D6794D;
  --stats-label-color: #4A6A70;

  /* === Layout & Shape === */
  --container-width: 1140px;
  --container-max: 1140px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 64px;
  --section-y-desktop: 64px;
  --section-y-tablet: 40px;
  --section-y-phone: 32px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
  --coupon-card-radius: 8px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 21px;
  --text-2xl: 29px;
  --text-3xl: 41px;
  --text-4xl: 53px;
  --leading-body: 1.75;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 44px;
  --button-radius: 8px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
  --shadow-md: 0 3px 8px rgba(0,0,0,0.06);
  --shadow-lg: 0 6px 16px rgba(0,0,0,0.07);
  --shadow-xl: 0 12px 24px rgba(0,0,0,0.08);
  --shadow-card: 0 2px 8px rgba(0,0,0,0.05);
  --shadow-card-hover: 0 4px 12px rgba(0,0,0,0.07);
  --coupon-card-shadow: 0 2px 6px rgba(0,0,0,0.04);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.25s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 29 — Heirloom Plum Brunch
 * active_palette: Heirloom Plum Brunch
 * Характер: премиальный яркий
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-29 {
  /* Global tokens */
  --cp-primary: #6F2451;
  --cp-primary-dark: #4A1836;
  --cp-accent: #D45C1C;
  --cp-bg: #FAF8F9;
  --cp-card-bg: #ffffff;
  --cp-text: #4A1836;
  --cp-muted: #8A5A74;
  --cp-border: #E0D4E0;
  --cp-soft-bg: #F0E8F0;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #4A1836;
  --header-link-color: #6F2451;
  --header-link-hover-color: #4A1836;
  --header-border: 1px solid #E0D4E0;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0D4E0;
  --header-input-color: #4A1836;
  --header-inverse-bg: #4A1836;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #4A1836, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #4A1836, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #4A1836, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0E8F0;
  --footer-text: #4A1836;
  --footer-link-color: #6F2451;
  --footer-link-hover-color: #4A1836;
  --footer-border: 1px solid #E0D4E0;
  --footer-muted: #8A5A74;
  --footer-heading-color: #4A1836;
  --footer-inverse-bg: #4A1836;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #4A1836, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0E8F0;
  --hero-title-color: #4A1836;
  --hero-text-color: #8A5A74;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #6F2451;
  --hero-button-hover-bg: #4A1836;
  --hero-badge-active-bg: #6F2451;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0D4E0;
  --sidebar-title-color: #4A1836;
  --sidebar-link-color: #4A1836;
  --sidebar-link-hover-color: #6F2451;
  --sidebar-star-color: #D45C1C;
  --sidebar-accent-border: #6F2451;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0D4E0;
  --coupon-title-color: #4A1836;
  --coupon-text-color: #8A5A74;
  --coupon-button-bg: #6F2451;
  --coupon-button-hover-bg: #4A1836;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #D45C1C;
  --coupon-sale-bg: color-mix(in oklab, #D45C1C, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #4A1836, white 80%);
  --coupon-expired-text: #8A5A74;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0D4E0;
  --category-icon-bg: color-mix(in oklab, #6F2451, white 90%);
  --category-icon-color: #6F2451;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0D4E0;
  --store-logo-bg: color-mix(in oklab, #6F2451, white 93%);
  --store-title-color: #4A1836;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0D4E0;
  --stats-number-color: #6F2451;
  --stats-label-color: #8A5A74;

  /* === Layout & Shape === */
  --container-width: 1220px;
  --container-max: 1220px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 112px;
  --section-y-desktop: 112px;
  --section-y-tablet: 88px;
  --section-y-phone: 80px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --coupon-card-radius: 16px;

  /* === Typography === */
  --font-heading: Georgia, "Times New Roman", Times, serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: Georgia, "Times New Roman", Times, serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 30px;
  --text-3xl: 42px;
  --text-4xl: 54px;
  --leading-body: 1.7;
  --leading-tight: 1.2;
  --tracking-display: -0.01em;

  /* === Buttons === */
  --button-height: 48px;
  --button-radius: 16px;

  /* === Shadows === */
  --shadow-xs: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-sm: 0 2px 6px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.10);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);
  --shadow-xl: 0 16px 40px rgba(0,0,0,0.14);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.12);
  --coupon-card-shadow: 0 4px 10px rgba(0,0,0,0.07);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.30s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}

/* ─────────────────────────────────────────────────────────────────────────
 * Preset 30 — Emerald Bark Dusk
 * active_palette: Emerald Bark Dusk
 * Характер: минималистичный теплый
 * ─────────────────────────────────────────────────────────────────── */

body.theme-preset-30 {
  /* Global tokens */
  --cp-primary: #459245;
  --cp-primary-dark: #2E6A2E;
  --cp-accent: #BE8B71;
  --cp-bg: #FAFAF8;
  --cp-card-bg: #ffffff;
  --cp-text: #2A2A2A;
  --cp-muted: #5A7A5A;
  --cp-border: #E0DCD4;
  --cp-soft-bg: #F0EDE8;
  --cp-white: #ffffff;

  /* Header */
  --header-bg: #ffffff;
  --header-text: #2A2A2A;
  --header-link-color: #459245;
  --header-link-hover-color: #2E6A2E;
  --header-border: 1px solid #E0DCD4;
  --header-shadow: var(--shadow-none);
  --header-input-bg: #ffffff;
  --header-input-border: 1px solid #E0DCD4;
  --header-input-color: #2A2A2A;
  --header-inverse-bg: #2E6A2E;
  --header-inverse-text: #ffffff;
  --header-inverse-link-color: #ffffff;
  --header-inverse-link-hover-color: #ffffff;
  --header-inverse-border: 1px solid color-mix(in oklab, #2E6A2E, white 15%);
  --header-inverse-shadow: 0 4px 20px rgba(0,0,0,0.15);
  --header-inverse-input-bg: color-mix(in oklab, #2E6A2E, white 10%);
  --header-inverse-input-border: color-mix(in oklab, #2E6A2E, white 20%);
  --header-inverse-input-color: #ffffff;
  --header-inverse-icon-color: color-mix(in oklab, #ffffff, transparent 70%);

  /* Footer */
  --footer-bg: #F0EDE8;
  --footer-text: #2A2A2A;
  --footer-link-color: #459245;
  --footer-link-hover-color: #2E6A2E;
  --footer-border: 1px solid #E0DCD4;
  --footer-muted: #5A7A5A;
  --footer-heading-color: #2A2A2A;
  --footer-inverse-bg: #2E6A2E;
  --footer-inverse-text: #ffffff;
  --footer-inverse-link-color: color-mix(in oklab, #ffffff, transparent 80%);
  --footer-inverse-link-hover-color: #ffffff;
  --footer-inverse-border: 1px solid color-mix(in oklab, #2E6A2E, white 12%);
  --footer-inverse-muted: color-mix(in oklab, #ffffff, transparent 55%);
  --footer-inverse-heading-color: #ffffff;

  /* Hero */
  --hero-bg: #F0EDE8;
  --hero-title-color: #2A2A2A;
  --hero-text-color: #5A7A5A;
  --hero-card-bg: #ffffff;
  --hero-button-bg: #459245;
  --hero-button-hover-bg: #2E6A2E;
  --hero-badge-active-bg: #459245;
  --hero-badge-active-color: #ffffff;

  /* Sidebar */
  --sidebar-bg: #ffffff;
  --sidebar-border: 1px solid #E0DCD4;
  --sidebar-title-color: #2A2A2A;
  --sidebar-link-color: #2A2A2A;
  --sidebar-link-hover-color: #459245;
  --sidebar-star-color: #BE8B71;
  --sidebar-accent-border: #459245;

  /* Coupon Card */
  --coupon-card-bg: #ffffff;
  --coupon-card-border: 1px solid #E0DCD4;
  --coupon-title-color: #2A2A2A;
  --coupon-text-color: #5A7A5A;
  --coupon-button-bg: #459245;
  --coupon-button-hover-bg: #2E6A2E;
  --coupon-button-text: #ffffff;
  --coupon-sale-color: #BE8B71;
  --coupon-sale-bg: color-mix(in oklab, #BE8B71, white 88%);
  --coupon-verified-bg: #17A34A;
  --coupon-verified-color: #ffffff;
  --coupon-expired-btn-bg: color-mix(in oklab, #2A2A2A, white 80%);
  --coupon-expired-text: #5A7A5A;

  /* Category Card */
  --category-card-bg: #ffffff;
  --category-card-border: 1px solid #E0DCD4;
  --category-icon-bg: color-mix(in oklab, #459245, white 90%);
  --category-icon-color: #459245;

  /* Store Card */
  --store-card-bg: #ffffff;
  --store-card-border: 1px solid #E0DCD4;
  --store-logo-bg: color-mix(in oklab, #459245, white 93%);
  --store-title-color: #2A2A2A;

  /* Stats */
  --stats-card-bg: #ffffff;
  --stats-card-border: 1px solid #E0DCD4;
  --stats-number-color: #459245;
  --stats-label-color: #5A7A5A;

  /* === Layout & Shape === */
  --container-width: 1360px;
  --container-max: 1360px;
  --container-gutter-desktop: 24px;
  --container-gutter-tablet: 16px;
  --container-gutter-phone: 12px;
  --section-padding-y: 72px;
  --section-y-desktop: 72px;
  --section-y-tablet: 48px;
  --section-y-phone: 40px;
  --card-padding: 16px;
  --card-gap: 24px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-20: 80px;

  /* === Radius === */
  --radius-sm: 0px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 9999px;
  --coupon-card-radius: 4px;

  /* === Typography === */
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 56px;
  --leading-body: 1.7;
  --leading-tight: 1.2;
  --tracking-display: 0em;

  /* === Buttons === */
  --button-height: 56px;
  --button-radius: 4px;

  /* === Shadows === */
  --shadow-xs: 0 1px 2px rgba(0,0,0,0.03);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.04);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.05);
  --shadow-xl: 0 8px 16px rgba(0,0,0,0.06);
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04);
  --shadow-card-hover: 0 2px 6px rgba(0,0,0,0.05);
  --coupon-card-shadow: 0 1px 4px rgba(0,0,0,0.03);
  --shadow-raised: 0 2px 8px color-mix(in oklab, var(--cp-text), transparent 92%);
  --shadow-ring: 0 0 0 1px var(--cp-border);
  --shadow-focus: 0 0 0 3px color-mix(in oklab, var(--cp-primary), transparent 70%);
  --shadow-none: none;

  /* === Motion === */
  --motion-base: 0.20s;
  --motion-fast: 0.15s;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* === Accent === */
  --accent: var(--cp-primary);
  --accent-hover: var(--cp-primary-dark);
}