/* Палитры сайта. «Мята» — это текущие цвета в style.css, отдельных правил у неё нет. */

html[data-theme="sage"] {
  --color-accent: #5F8F78;
  --color-accent-dark: #3E6654;
  --color-mint: #6E9A84;
  --color-mint-light: #D5EBE2;
  --color-mint-soft: #E7F3EE;
  --color-emerald: #5F8F78;
  --color-emerald-bright: #7AAB94;
  --color-emerald-deep: #2F5646;
  --color-emerald-dark: #27493B;
  --color-emerald-accent: #1C3329;
  --color-emerald-accent-rich: #243F34;
  --color-powder: #D5DDD6;
  --color-bg-mint: #E7F1EB;
  --page-bg: #F6FAF7;
  --bg-mint-wash: linear-gradient(180deg, #FCFDFC 0%, #F4F8F5 16%, #E7F0EA 32%, #F8FBF9 48%, #E4EEE8 64%, #F6FAF7 80%, #EDF4EF 100%);
  --shadow-float: 0 3px 7px rgba(47, 86, 70, 0.24), 0 10px 18px rgba(47, 86, 70, 0.22);
  --shadow-float-hover: 0 4px 10px rgba(47, 86, 70, 0.30), 0 12px 22px rgba(47, 86, 70, 0.26);
  --shadow-float-glow: 0 0 12px rgba(95, 143, 120, 0.30);
  --shadow-float-glow-hover: 0 0 14px rgba(95, 143, 120, 0.38);
  --shadow-sm: 0 2px 8px rgba(47, 86, 70, 0.20);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.18), 0 12px 22px rgba(47, 86, 70, 0.34);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.22), 0 14px 24px rgba(47, 86, 70, 0.40);
  --border-soft: 1px solid rgba(95, 143, 120, 0.28);
  --border-mint: 1px solid rgba(95, 143, 120, 0.38);
  --header-line: rgba(143, 168, 154, 0.32);
  --section-line: rgba(143, 168, 154, 0.22);
  --btn-primary-bg: linear-gradient(135deg, #8FB5A2 0%, #6E9A84 50%, #4F7A66 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #6E9A84 0%, #4F7A66 50%, #3E6654 100%);
  --btn-primary-border: rgba(79, 122, 102, 0.45);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #DCEDE5 100%);
  --btn-light-border: rgba(95, 143, 120, 0.4);
  --btn-ghost-border: rgba(95, 143, 120, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #E4EFE8 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.26) 0%, transparent 50%),
    linear-gradient(155deg, rgba(62, 102, 84, 0.88) 0%, rgba(95, 143, 120, 0.84) 48%, rgba(143, 181, 162, 0.78) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
    linear-gradient(155deg, rgba(47, 86, 70, 0.82) 0%, rgba(79, 122, 102, 0.74) 52%, rgba(110, 154, 132, 0.66) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(143, 181, 162, 0.28) 0%, transparent 50%),
    linear-gradient(160deg, rgba(39, 73, 59, 0.88) 0%, rgba(62, 102, 84, 0.82) 48%, rgba(95, 143, 120, 0.74) 100%);
  --theme-glow: rgba(110, 154, 132, 0.24);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(168, 188, 176, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(36, 48, 42, 0.90) 0%, rgba(48, 62, 54, 0.84) 48%, rgba(62, 78, 68, 0.78) 100%);
  --review-card-solid: #FBFDFC;
  --review-card-bg: linear-gradient(125deg, #FFFEFB 0%, #F7F4EF 42%, #F3F7F4 100%);
  --chip-bg: linear-gradient(145deg, #E4F2EB, #8FB5A2);
  --chip-border: rgba(95, 143, 120, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 252, 248, 0.42) 0%, rgba(236, 242, 236, 0.36) 28%, rgba(176, 198, 184, 0.34) 62%, rgba(232, 226, 218, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 252, 248, 0.40) 0%, rgba(240, 236, 228, 0.34) 34%, rgba(170, 196, 182, 0.32) 72%, rgba(230, 224, 214, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(214, 230, 220, 0.40) 0%, rgba(168, 196, 182, 0.34) 40%, rgba(245, 236, 226, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(248, 242, 234, 0.40) 0%, rgba(230, 224, 214, 0.34) 46%, rgba(176, 198, 184, 0.32) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 250, 244, 0.42) 0%, rgba(236, 228, 216, 0.36) 30%, rgba(176, 198, 184, 0.34) 65%, rgba(228, 218, 206, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 252, 248, 0.44) 0%, rgba(240, 232, 220, 0.38) 22%, rgba(176, 198, 184, 0.34) 55%, rgba(232, 224, 214, 0.36) 100%);
}

html[data-theme="powder"] {
  --color-accent: #C17B72;
  --color-accent-dark: #8E514C;
  --color-mint: #C48980;
  --color-mint-light: #F6DDD8;
  --color-mint-soft: #FBEDEC;
  --color-emerald: #C17B72;
  --color-emerald-bright: #D4968E;
  --color-emerald-deep: #7A403C;
  --color-emerald-dark: #693632;
  --color-emerald-accent: #3E2422;
  --color-emerald-accent-rich: #4A2C29;
  --color-powder: #E4C8C2;
  --color-bg-mint: #F8E8E4;
  --page-bg: #FDF8F6;
  --bg-mint-wash: linear-gradient(180deg, #FFFEFD 0%, #FBF6F4 16%, #F6EBE7 32%, #FDF9F8 48%, #F4E6E2 64%, #FBF7F6 80%, #F7EEEA 100%);
  --shadow-float: 0 3px 7px rgba(142, 81, 76, 0.24), 0 10px 18px rgba(142, 81, 76, 0.20);
  --shadow-float-hover: 0 4px 10px rgba(142, 81, 76, 0.30), 0 12px 22px rgba(142, 81, 76, 0.24);
  --shadow-float-glow: 0 0 12px rgba(193, 123, 114, 0.32);
  --shadow-float-glow-hover: 0 0 14px rgba(193, 123, 114, 0.40);
  --shadow-sm: 0 2px 8px rgba(142, 81, 76, 0.18);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.16), 0 12px 22px rgba(142, 81, 76, 0.32);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.20), 0 14px 24px rgba(142, 81, 76, 0.38);
  --border-soft: 1px solid rgba(193, 123, 114, 0.30);
  --border-mint: 1px solid rgba(193, 123, 114, 0.40);
  --header-line: rgba(196, 160, 152, 0.36);
  --section-line: rgba(196, 160, 152, 0.24);
  --btn-primary-bg: linear-gradient(135deg, #E7B2AA 0%, #C17B72 50%, #A15E58 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #C17B72 0%, #A15E58 50%, #8E514C 100%);
  --btn-primary-border: rgba(161, 94, 88, 0.45);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #F6DDD8 100%);
  --btn-light-border: rgba(193, 123, 114, 0.42);
  --btn-ghost-border: rgba(193, 123, 114, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #F3E4E0 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.28) 0%, transparent 50%),
    linear-gradient(155deg, rgba(142, 81, 76, 0.88) 0%, rgba(193, 123, 114, 0.82) 48%, rgba(214, 160, 152, 0.76) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
    linear-gradient(155deg, rgba(122, 64, 60, 0.82) 0%, rgba(161, 94, 88, 0.72) 52%, rgba(193, 123, 114, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(231, 178, 170, 0.30) 0%, transparent 50%),
    linear-gradient(160deg, rgba(105, 54, 50, 0.88) 0%, rgba(142, 81, 76, 0.82) 48%, rgba(193, 123, 114, 0.74) 100%);
  --theme-glow: rgba(214, 160, 152, 0.28);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(196, 160, 152, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(54, 40, 38, 0.90) 0%, rgba(72, 52, 48, 0.84) 48%, rgba(88, 64, 60, 0.78) 100%);
  --review-card-solid: #FFFDFB;
  --review-card-bg: linear-gradient(125deg, #FFFEFB 0%, #FFF6F3 42%, #FBF3F1 100%);
  --chip-bg: linear-gradient(145deg, #F8E4DF, #E7B2AA);
  --chip-border: rgba(193, 123, 114, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 252, 248, 0.44) 0%, rgba(248, 232, 226, 0.36) 28%, rgba(230, 190, 184, 0.32) 62%, rgba(242, 228, 222, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 252, 248, 0.42) 0%, rgba(248, 236, 230, 0.34) 34%, rgba(226, 188, 182, 0.30) 72%, rgba(240, 226, 220, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(248, 226, 220, 0.40) 0%, rgba(226, 186, 180, 0.32) 40%, rgba(248, 236, 226, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(250, 240, 232, 0.42) 0%, rgba(240, 222, 214, 0.34) 46%, rgba(226, 186, 180, 0.30) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 250, 246, 0.44) 0%, rgba(248, 228, 220, 0.36) 30%, rgba(226, 186, 180, 0.32) 65%, rgba(236, 216, 208, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 252, 248, 0.46) 0%, rgba(248, 232, 224, 0.38) 22%, rgba(226, 186, 180, 0.32) 55%, rgba(240, 224, 216, 0.36) 100%);
}

html[data-theme="champagne"] {
  --color-accent: #B08A5A;
  --color-accent-dark: #7C5E38;
  --color-mint: #C4A574;
  --color-mint-light: #F3E6D0;
  --color-mint-soft: #F8F0E2;
  --color-emerald: #B08A5A;
  --color-emerald-bright: #C9A56E;
  --color-emerald-deep: #6B4E2E;
  --color-emerald-dark: #5C4226;
  --color-emerald-accent: #3A2A16;
  --color-emerald-accent-rich: #46331C;
  --color-powder: #E4D2BC;
  --color-bg-mint: #F6EDE0;
  --page-bg: #FBF8F3;
  --bg-mint-wash: linear-gradient(180deg, #FFFEFB 0%, #FBF7F1 16%, #F4EBDD 32%, #FCF9F4 48%, #F1E6D6 64%, #FAF6F0 80%, #F6EFE4 100%);
  --shadow-float: 0 3px 7px rgba(124, 94, 56, 0.24), 0 10px 18px rgba(124, 94, 56, 0.20);
  --shadow-float-hover: 0 4px 10px rgba(124, 94, 56, 0.30), 0 12px 22px rgba(124, 94, 56, 0.24);
  --shadow-float-glow: 0 0 12px rgba(176, 138, 90, 0.32);
  --shadow-float-glow-hover: 0 0 14px rgba(176, 138, 90, 0.40);
  --shadow-sm: 0 2px 8px rgba(124, 94, 56, 0.18);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.16), 0 12px 22px rgba(124, 94, 56, 0.32);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.20), 0 14px 24px rgba(124, 94, 56, 0.38);
  --border-soft: 1px solid rgba(176, 138, 90, 0.30);
  --border-mint: 1px solid rgba(176, 138, 90, 0.40);
  --header-line: rgba(196, 176, 144, 0.40);
  --section-line: rgba(196, 176, 144, 0.26);
  --btn-primary-bg: linear-gradient(135deg, #E4C99A 0%, #C4A574 50%, #A68548 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #C4A574 0%, #A68548 50%, #7C5E38 100%);
  --btn-primary-border: rgba(166, 133, 72, 0.48);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #F3E6D0 100%);
  --btn-light-border: rgba(176, 138, 90, 0.42);
  --btn-ghost-border: rgba(176, 138, 90, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #F3EADB 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.28) 0%, transparent 50%),
    linear-gradient(155deg, rgba(124, 94, 56, 0.88) 0%, rgba(176, 138, 90, 0.82) 48%, rgba(212, 184, 140, 0.76) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
    linear-gradient(155deg, rgba(107, 78, 46, 0.84) 0%, rgba(166, 133, 72, 0.72) 52%, rgba(196, 165, 116, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(228, 201, 154, 0.30) 0%, transparent 50%),
    linear-gradient(160deg, rgba(92, 66, 38, 0.88) 0%, rgba(124, 94, 56, 0.82) 48%, rgba(176, 138, 90, 0.74) 100%);
  --theme-glow: rgba(212, 184, 140, 0.30);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(196, 176, 144, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(48, 40, 32, 0.90) 0%, rgba(64, 52, 40, 0.84) 48%, rgba(78, 64, 48, 0.78) 100%);
  --review-card-solid: #FFFDF9;
  --review-card-bg: linear-gradient(125deg, #FFFEFB 0%, #FBF6EE 42%, #F7F2E8 100%);
  --chip-bg: linear-gradient(145deg, #F6EAD4, #E4C99A);
  --chip-border: rgba(176, 138, 90, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 252, 246, 0.44) 0%, rgba(246, 236, 220, 0.36) 28%, rgba(220, 196, 160, 0.32) 62%, rgba(240, 228, 210, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 252, 246, 0.42) 0%, rgba(246, 236, 222, 0.34) 34%, rgba(214, 190, 156, 0.30) 72%, rgba(238, 226, 208, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(246, 236, 216, 0.40) 0%, rgba(214, 188, 150, 0.32) 40%, rgba(248, 236, 220, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(250, 242, 230, 0.42) 0%, rgba(236, 222, 200, 0.34) 46%, rgba(214, 188, 150, 0.30) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 250, 242, 0.44) 0%, rgba(246, 232, 210, 0.36) 30%, rgba(214, 188, 150, 0.32) 65%, rgba(232, 214, 190, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 252, 246, 0.46) 0%, rgba(246, 234, 214, 0.38) 22%, rgba(214, 188, 150, 0.32) 55%, rgba(236, 220, 198, 0.36) 100%);
}

html[data-theme="lavender"] {
  --color-accent: #8D79A8;
  --color-accent-dark: #5E4C78;
  --color-mint: #A08BB8;
  --color-mint-light: #E6DEF0;
  --color-mint-soft: #F1EBF6;
  --color-emerald: #8D79A8;
  --color-emerald-bright: #A894BE;
  --color-emerald-deep: #4E3D66;
  --color-emerald-dark: #43345A;
  --color-emerald-accent: #2A2038;
  --color-emerald-accent-rich: #342844;
  --color-powder: #DDD2E6;
  --color-bg-mint: #EFE8F4;
  --page-bg: #F9F7FB;
  --bg-mint-wash: linear-gradient(180deg, #FEFDFE 0%, #F7F4FA 16%, #EFE8F4 32%, #FBFAFC 48%, #EBE4F2 64%, #F8F6FA 80%, #F2EDF6 100%);
  --shadow-float: 0 3px 7px rgba(94, 76, 120, 0.24), 0 10px 18px rgba(94, 76, 120, 0.20);
  --shadow-float-hover: 0 4px 10px rgba(94, 76, 120, 0.30), 0 12px 22px rgba(94, 76, 120, 0.24);
  --shadow-float-glow: 0 0 12px rgba(141, 121, 168, 0.32);
  --shadow-float-glow-hover: 0 0 14px rgba(141, 121, 168, 0.40);
  --shadow-sm: 0 2px 8px rgba(94, 76, 120, 0.18);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.16), 0 12px 22px rgba(94, 76, 120, 0.32);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.20), 0 14px 24px rgba(94, 76, 120, 0.38);
  --border-soft: 1px solid rgba(141, 121, 168, 0.30);
  --border-mint: 1px solid rgba(141, 121, 168, 0.40);
  --header-line: rgba(176, 160, 196, 0.40);
  --section-line: rgba(176, 160, 196, 0.26);
  --btn-primary-bg: linear-gradient(135deg, #C4B3D6 0%, #8D79A8 50%, #6E5A8C 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #8D79A8 0%, #6E5A8C 50%, #5E4C78 100%);
  --btn-primary-border: rgba(110, 90, 140, 0.45);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #E6DEF0 100%);
  --btn-light-border: rgba(141, 121, 168, 0.42);
  --btn-ghost-border: rgba(141, 121, 168, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #E8E2F0 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.28) 0%, transparent 50%),
    linear-gradient(155deg, rgba(94, 76, 120, 0.88) 0%, rgba(141, 121, 168, 0.82) 48%, rgba(176, 160, 196, 0.76) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
    linear-gradient(155deg, rgba(78, 61, 102, 0.84) 0%, rgba(110, 90, 140, 0.72) 52%, rgba(160, 139, 184, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(196, 179, 214, 0.30) 0%, transparent 50%),
    linear-gradient(160deg, rgba(67, 52, 90, 0.88) 0%, rgba(94, 76, 120, 0.82) 48%, rgba(141, 121, 168, 0.74) 100%);
  --theme-glow: rgba(176, 160, 196, 0.30);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(176, 160, 196, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(40, 34, 50, 0.90) 0%, rgba(52, 44, 64, 0.84) 48%, rgba(66, 56, 80, 0.78) 100%);
  --review-card-solid: #FFFEFD;
  --review-card-bg: linear-gradient(125deg, #FFFEFB 0%, #F8F4FA 42%, #F4F0F7 100%);
  --chip-bg: linear-gradient(145deg, #EDE6F4, #C4B3D6);
  --chip-border: rgba(141, 121, 168, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 252, 250, 0.44) 0%, rgba(242, 234, 246, 0.36) 28%, rgba(196, 180, 214, 0.32) 62%, rgba(236, 228, 240, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 252, 250, 0.42) 0%, rgba(242, 236, 246, 0.34) 34%, rgba(190, 174, 208, 0.30) 72%, rgba(234, 226, 238, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(236, 226, 244, 0.40) 0%, rgba(190, 174, 208, 0.32) 40%, rgba(246, 236, 228, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(248, 242, 246, 0.42) 0%, rgba(232, 222, 236, 0.34) 46%, rgba(190, 174, 208, 0.30) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 250, 248, 0.44) 0%, rgba(242, 230, 236, 0.36) 30%, rgba(190, 174, 208, 0.32) 65%, rgba(228, 216, 230, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 252, 250, 0.46) 0%, rgba(244, 234, 242, 0.38) 22%, rgba(190, 174, 208, 0.32) 55%, rgba(232, 222, 234, 0.36) 100%);
}

html[data-theme="tide"] {
  --color-accent: #1F7A86;
  --color-accent-dark: #145864;
  --color-mint: #2A8C96;
  --color-mint-light: #C9EEF1;
  --color-mint-soft: #E5F6F7;
  --color-emerald: #1F7A86;
  --color-emerald-bright: #3AA0AA;
  --color-emerald-deep: #0E4C56;
  --color-emerald-dark: #0C414A;
  --color-emerald-accent: #06282E;
  --color-emerald-accent-rich: #083238;
  --color-powder: #C9D8DA;
  --color-bg-mint: #E3F3F4;
  --page-bg: #F5FAFA;
  --bg-mint-wash: linear-gradient(180deg, #FDFEFE 0%, #F3F9F9 16%, #E5F2F3 32%, #F8FCFC 48%, #E2F0F1 64%, #F5FAFA 80%, #EAF4F5 100%);
  --shadow-float: 0 3px 7px rgba(20, 88, 100, 0.26), 0 10px 18px rgba(20, 88, 100, 0.22);
  --shadow-float-hover: 0 4px 10px rgba(20, 88, 100, 0.32), 0 12px 22px rgba(20, 88, 100, 0.26);
  --shadow-float-glow: 0 0 12px rgba(42, 140, 150, 0.32);
  --shadow-float-glow-hover: 0 0 14px rgba(42, 140, 150, 0.40);
  --shadow-sm: 0 2px 8px rgba(20, 88, 100, 0.20);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.16), 0 12px 22px rgba(20, 88, 100, 0.34);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.20), 0 14px 24px rgba(20, 88, 100, 0.40);
  --border-soft: 1px solid rgba(31, 122, 134, 0.30);
  --border-mint: 1px solid rgba(31, 122, 134, 0.40);
  --header-line: rgba(140, 180, 184, 0.36);
  --section-line: rgba(140, 180, 184, 0.24);
  --btn-primary-bg: linear-gradient(135deg, #5EC4CE 0%, #2A8C96 50%, #176874 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #2A8C96 0%, #176874 50%, #145864 100%);
  --btn-primary-border: rgba(23, 104, 116, 0.48);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #C9EEF1 100%);
  --btn-light-border: rgba(31, 122, 134, 0.42);
  --btn-ghost-border: rgba(31, 122, 134, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #E3F3F4 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.26) 0%, transparent 50%),
    linear-gradient(155deg, rgba(20, 88, 100, 0.88) 0%, rgba(31, 122, 134, 0.82) 48%, rgba(94, 196, 206, 0.72) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
    linear-gradient(155deg, rgba(14, 76, 86, 0.84) 0%, rgba(23, 104, 116, 0.72) 52%, rgba(42, 140, 150, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(94, 196, 206, 0.28) 0%, transparent 50%),
    linear-gradient(160deg, rgba(12, 65, 74, 0.88) 0%, rgba(20, 88, 100, 0.82) 48%, rgba(42, 140, 150, 0.74) 100%);
  --theme-glow: rgba(94, 196, 206, 0.26);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(140, 180, 184, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(28, 44, 48, 0.90) 0%, rgba(36, 56, 60, 0.84) 48%, rgba(48, 70, 74, 0.78) 100%);
  --review-card-solid: #FBFDFD;
  --review-card-bg: linear-gradient(125deg, #FFFEFB 0%, #F4F8F8 42%, #EEF5F6 100%);
  --chip-bg: linear-gradient(145deg, #D7F3F5, #5EC4CE);
  --chip-border: rgba(31, 122, 134, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 252, 250, 0.42) 0%, rgba(232, 242, 242, 0.36) 28%, rgba(168, 206, 210, 0.32) 62%, rgba(230, 226, 220, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 252, 250, 0.40) 0%, rgba(234, 242, 242, 0.34) 34%, rgba(160, 200, 204, 0.30) 72%, rgba(228, 224, 216, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(210, 236, 238, 0.40) 0%, rgba(160, 200, 204, 0.32) 40%, rgba(245, 236, 226, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(246, 242, 236, 0.40) 0%, rgba(228, 224, 216, 0.34) 46%, rgba(160, 200, 204, 0.30) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 250, 246, 0.42) 0%, rgba(232, 236, 232, 0.36) 30%, rgba(160, 200, 204, 0.32) 65%, rgba(226, 216, 206, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 252, 250, 0.44) 0%, rgba(236, 242, 240, 0.38) 22%, rgba(160, 200, 204, 0.32) 55%, rgba(230, 224, 214, 0.36) 100%);
}

html[data-theme="silver"] {
  --color-accent: #6E7580;
  --color-accent-dark: #2C3138;
  --color-mint: #8B939E;
  --color-mint-light: #E4E7EB;
  --color-mint-soft: #F2F3F5;
  --color-emerald: #6E7580;
  --color-emerald-bright: #A7AEB6;
  --color-emerald-deep: #1A1D22;
  --color-emerald-dark: #121417;
  --color-emerald-accent: #0C0D10;
  --color-emerald-accent-rich: #16181C;
  --color-powder: #D5D8DC;
  --color-bg-mint: #ECEEEF;
  --page-bg: #F7F7F8;
  --bg-mint-wash: linear-gradient(180deg, #FFFFFF 0%, #F7F7F8 16%, #E8EAED 32%, #FBFBFB 48%, #E3E5E8 64%, #F6F6F7 80%, #EEEFF1 100%);
  --shadow-float: 0 3px 7px rgba(26, 29, 34, 0.22), 0 10px 18px rgba(26, 29, 34, 0.16);
  --shadow-float-hover: 0 4px 10px rgba(26, 29, 34, 0.28), 0 12px 22px rgba(26, 29, 34, 0.20);
  --shadow-float-glow: 0 0 12px rgba(167, 174, 182, 0.45);
  --shadow-float-glow-hover: 0 0 14px rgba(167, 174, 182, 0.55);
  --shadow-sm: 0 2px 8px rgba(26, 29, 34, 0.16);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.22), 0 12px 22px rgba(26, 29, 34, 0.28);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.26), 0 14px 24px rgba(26, 29, 34, 0.34);
  --border-soft: 1px solid rgba(110, 117, 128, 0.32);
  --border-mint: 1px solid rgba(110, 117, 128, 0.42);
  --header-line: rgba(168, 174, 182, 0.40);
  --section-line: rgba(168, 174, 182, 0.28);
  --btn-primary-bg: linear-gradient(135deg, #C5CAD1 0%, #8B939E 50%, #4A515A 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #8B939E 0%, #4A515A 50%, #2C3138 100%);
  --btn-primary-border: rgba(74, 81, 90, 0.50);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #E4E7EB 100%);
  --btn-light-border: rgba(110, 117, 128, 0.42);
  --btn-ghost-border: rgba(110, 117, 128, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #E8EAED 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.22) 0%, transparent 50%),
    linear-gradient(155deg, rgba(26, 29, 34, 0.92) 0%, rgba(74, 81, 90, 0.86) 48%, rgba(139, 147, 158, 0.78) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.18) 0%, transparent 52%),
    linear-gradient(155deg, rgba(18, 20, 23, 0.90) 0%, rgba(44, 49, 56, 0.80) 52%, rgba(110, 117, 128, 0.70) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(197, 202, 209, 0.28) 0%, transparent 50%),
    linear-gradient(160deg, rgba(12, 13, 16, 0.92) 0%, rgba(26, 29, 34, 0.86) 48%, rgba(74, 81, 90, 0.78) 100%);
  --theme-glow: rgba(197, 202, 209, 0.32);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(197, 202, 209, 0.14) 0%, transparent 50%),
    linear-gradient(168deg, rgba(16, 17, 20, 0.94) 0%, rgba(32, 34, 38, 0.90) 48%, rgba(52, 56, 62, 0.84) 100%);
  --review-card-solid: #FFFFFF;
  --review-card-bg: linear-gradient(125deg, #FFFFFF 0%, #F4F5F6 42%, #E8EAED 100%);
  --chip-bg: linear-gradient(145deg, #F2F3F5, #C5CAD1);
  --chip-border: rgba(110, 117, 128, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 255, 255, 0.46) 0%, rgba(236, 238, 241, 0.36) 28%, rgba(190, 196, 204, 0.30) 62%, rgba(244, 245, 246, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 255, 255, 0.44) 0%, rgba(236, 238, 241, 0.34) 34%, rgba(186, 192, 200, 0.28) 72%, rgba(242, 243, 245, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(228, 231, 235, 0.40) 0%, rgba(186, 192, 200, 0.30) 40%, rgba(248, 248, 249, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(248, 248, 249, 0.42) 0%, rgba(230, 232, 235, 0.34) 46%, rgba(186, 192, 200, 0.28) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 255, 255, 0.46) 0%, rgba(232, 234, 237, 0.36) 30%, rgba(186, 192, 200, 0.30) 65%, rgba(240, 241, 243, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 255, 255, 0.48) 0%, rgba(236, 238, 241, 0.38) 22%, rgba(186, 192, 200, 0.30) 55%, rgba(244, 245, 246, 0.36) 100%);
}

html[data-theme="pearl"] {
  --color-accent: #8E97A3;
  --color-accent-dark: #5C6570;
  --color-mint: #A8B0BA;
  --color-mint-light: #EEF0F3;
  --color-mint-soft: #F7F8F9;
  --color-emerald: #8E97A3;
  --color-emerald-bright: #C5CBD2;
  --color-emerald-deep: #3E4650;
  --color-emerald-dark: #343B44;
  --color-emerald-accent: #24282E;
  --color-emerald-accent-rich: #2C3138;
  --color-powder: #E2E5E9;
  --color-bg-mint: #F0F2F4;
  --page-bg: #FBFBFC;
  --bg-mint-wash: linear-gradient(180deg, #FFFFFF 0%, #F8F9FA 16%, #EEF0F2 32%, #FCFCFD 48%, #E9EBEE 64%, #F7F8F9 80%, #F1F2F4 100%);
  --shadow-float: 0 3px 7px rgba(62, 70, 80, 0.16), 0 10px 18px rgba(62, 70, 80, 0.12);
  --shadow-float-hover: 0 4px 10px rgba(62, 70, 80, 0.22), 0 12px 22px rgba(62, 70, 80, 0.16);
  --shadow-float-glow: 0 0 12px rgba(197, 203, 210, 0.50);
  --shadow-float-glow-hover: 0 0 14px rgba(197, 203, 210, 0.62);
  --shadow-sm: 0 2px 8px rgba(62, 70, 80, 0.12);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.12), 0 12px 22px rgba(62, 70, 80, 0.20);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.16), 0 14px 24px rgba(62, 70, 80, 0.26);
  --border-soft: 1px solid rgba(142, 151, 163, 0.28);
  --border-mint: 1px solid rgba(142, 151, 163, 0.38);
  --header-line: rgba(184, 190, 198, 0.40);
  --section-line: rgba(184, 190, 198, 0.26);
  --btn-primary-bg: linear-gradient(135deg, #E4E7EB 0%, #A8B0BA 50%, #6E7782 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #A8B0BA 0%, #6E7782 50%, #5C6570 100%);
  --btn-primary-border: rgba(110, 119, 130, 0.45);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #EEF0F3 100%);
  --btn-light-border: rgba(142, 151, 163, 0.40);
  --btn-ghost-border: rgba(142, 151, 163, 0.40);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #F0F2F4 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.32) 0%, transparent 50%),
    linear-gradient(155deg, rgba(92, 101, 112, 0.86) 0%, rgba(142, 151, 163, 0.80) 48%, rgba(197, 203, 210, 0.74) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.26) 0%, transparent 52%),
    linear-gradient(155deg, rgba(62, 70, 80, 0.82) 0%, rgba(110, 119, 130, 0.72) 52%, rgba(168, 176, 186, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(228, 231, 235, 0.34) 0%, transparent 50%),
    linear-gradient(160deg, rgba(52, 59, 68, 0.88) 0%, rgba(92, 101, 112, 0.80) 48%, rgba(142, 151, 163, 0.72) 100%);
  --theme-glow: rgba(228, 231, 235, 0.40);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(228, 231, 235, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(36, 40, 46, 0.92) 0%, rgba(52, 58, 66, 0.86) 48%, rgba(72, 78, 86, 0.80) 100%);
  --review-card-solid: #FFFFFF;
  --review-card-bg: linear-gradient(125deg, #FFFFFF 0%, #F7F8F9 42%, #EEF0F2 100%);
  --chip-bg: linear-gradient(145deg, #F7F8F9, #E4E7EB);
  --chip-border: rgba(142, 151, 163, 0.40);
  --card-gradient: linear-gradient(152deg, rgba(255, 255, 255, 0.50) 0%, rgba(242, 243, 245, 0.36) 28%, rgba(210, 214, 220, 0.28) 62%, rgba(248, 248, 249, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 255, 255, 0.48) 0%, rgba(242, 243, 245, 0.34) 34%, rgba(206, 210, 216, 0.26) 72%, rgba(246, 247, 248, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(238, 240, 243, 0.42) 0%, rgba(206, 210, 216, 0.28) 40%, rgba(255, 255, 255, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(250, 250, 251, 0.44) 0%, rgba(236, 238, 241, 0.34) 46%, rgba(206, 210, 216, 0.26) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 255, 255, 0.48) 0%, rgba(240, 241, 243, 0.36) 30%, rgba(206, 210, 216, 0.28) 65%, rgba(246, 247, 248, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 255, 255, 0.50) 0%, rgba(242, 243, 245, 0.38) 22%, rgba(206, 210, 216, 0.28) 55%, rgba(248, 248, 249, 0.36) 100%);
}

html[data-theme="cocoa"] {
  --color-accent: #8C6A52;
  --color-accent-dark: #5C4334;
  --color-mint: #A6846C;
  --color-mint-light: #F0E4D8;
  --color-mint-soft: #F8F1EA;
  --color-emerald: #8C6A52;
  --color-emerald-bright: #C4A48E;
  --color-emerald-deep: #3E2C22;
  --color-emerald-dark: #34261E;
  --color-emerald-accent: #241912;
  --color-emerald-accent-rich: #2C2018;
  --color-powder: #E6D5C8;
  --color-bg-mint: #F3E8DF;
  --page-bg: #FBF7F4;
  --bg-mint-wash: linear-gradient(180deg, #FFFCFA 0%, #F8F3EE 16%, #F0E6DC 32%, #FCF8F5 48%, #EBDDD2 64%, #F7F2ED 80%, #F3EBE4 100%);
  --shadow-float: 0 3px 7px rgba(92, 67, 52, 0.22), 0 10px 18px rgba(92, 67, 52, 0.16);
  --shadow-float-hover: 0 4px 10px rgba(92, 67, 52, 0.28), 0 12px 22px rgba(92, 67, 52, 0.20);
  --shadow-float-glow: 0 0 12px rgba(166, 132, 108, 0.32);
  --shadow-float-glow-hover: 0 0 14px rgba(166, 132, 108, 0.42);
  --shadow-sm: 0 2px 8px rgba(92, 67, 52, 0.16);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.14), 0 12px 22px rgba(92, 67, 52, 0.28);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.18), 0 14px 24px rgba(92, 67, 52, 0.34);
  --border-soft: 1px solid rgba(140, 106, 82, 0.30);
  --border-mint: 1px solid rgba(140, 106, 82, 0.40);
  --header-line: rgba(196, 164, 142, 0.40);
  --section-line: rgba(196, 164, 142, 0.26);
  --btn-primary-bg: linear-gradient(135deg, #D7BBA6 0%, #A6846C 50%, #6E5240 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #A6846C 0%, #6E5240 50%, #5C4334 100%);
  --btn-primary-border: rgba(110, 82, 64, 0.48);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #F0E4D8 100%);
  --btn-light-border: rgba(140, 106, 82, 0.42);
  --btn-ghost-border: rgba(140, 106, 82, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #F3E8DF 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.24) 0%, transparent 50%),
    linear-gradient(155deg, rgba(92, 67, 52, 0.90) 0%, rgba(140, 106, 82, 0.82) 48%, rgba(196, 164, 142, 0.74) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.20) 0%, transparent 52%),
    linear-gradient(155deg, rgba(62, 44, 34, 0.86) 0%, rgba(110, 82, 64, 0.74) 52%, rgba(166, 132, 108, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(215, 187, 166, 0.30) 0%, transparent 50%),
    linear-gradient(160deg, rgba(52, 38, 30, 0.90) 0%, rgba(92, 67, 52, 0.82) 48%, rgba(140, 106, 82, 0.74) 100%);
  --theme-glow: rgba(215, 187, 166, 0.32);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(196, 164, 142, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(36, 26, 20, 0.92) 0%, rgba(52, 38, 30, 0.86) 48%, rgba(72, 54, 42, 0.80) 100%);
  --review-card-solid: #FFFDFB;
  --review-card-bg: linear-gradient(125deg, #FFFEFB 0%, #F8F3EE 42%, #F0E6DC 100%);
  --chip-bg: linear-gradient(145deg, #F8F1EA, #D7BBA6);
  --chip-border: rgba(140, 106, 82, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 252, 248, 0.46) 0%, rgba(244, 232, 220, 0.36) 28%, rgba(210, 180, 156, 0.30) 62%, rgba(248, 236, 226, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 252, 248, 0.44) 0%, rgba(244, 234, 224, 0.34) 34%, rgba(206, 176, 152, 0.28) 72%, rgba(246, 234, 224, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(240, 228, 216, 0.40) 0%, rgba(206, 176, 152, 0.30) 40%, rgba(250, 240, 230, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(250, 242, 234, 0.44) 0%, rgba(236, 220, 204, 0.34) 46%, rgba(206, 176, 152, 0.28) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 250, 244, 0.46) 0%, rgba(244, 228, 212, 0.36) 30%, rgba(206, 176, 152, 0.30) 65%, rgba(236, 216, 200, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 252, 248, 0.48) 0%, rgba(246, 232, 218, 0.38) 22%, rgba(206, 176, 152, 0.30) 55%, rgba(240, 222, 206, 0.36) 100%);
}

html[data-theme="noir"] {
  --color-accent: #5C646E;
  --color-accent-dark: #1A1C20;
  --color-mint: #8E98A4;
  --color-mint-light: #E6E9ED;
  --color-mint-soft: #F4F5F7;
  --color-emerald: #5C646E;
  --color-emerald-bright: #C5CCD4;
  --color-emerald-deep: #111111;
  --color-emerald-dark: #0A0A0A;
  --color-emerald-accent: #050505;
  --color-emerald-accent-rich: #161616;
  --color-powder: #D8DCE1;
  --color-bg-mint: #ECEEF1;
  --page-bg: #F7F8F9;
  --bg-mint-wash: linear-gradient(180deg, #FFFFFF 0%, #F7F8F9 16%, #E6E9ED 32%, #FBFBFC 48%, #DEE2E6 64%, #F5F6F7 80%, #EEEFF2 100%);
  --shadow-float: 0 3px 7px rgba(0, 0, 0, 0.28), 0 10px 18px rgba(0, 0, 0, 0.20);
  --shadow-float-hover: 0 4px 10px rgba(0, 0, 0, 0.34), 0 12px 22px rgba(0, 0, 0, 0.24);
  --shadow-float-glow: 0 0 12px rgba(197, 204, 212, 0.55);
  --shadow-float-glow-hover: 0 0 14px rgba(197, 204, 212, 0.68);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.18);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.28), 0 12px 22px rgba(0, 0, 0, 0.36);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.32), 0 14px 24px rgba(0, 0, 0, 0.42);
  --border-soft: 1px solid rgba(17, 17, 17, 0.22);
  --border-mint: 1px solid rgba(92, 100, 110, 0.42);
  --header-line: rgba(142, 152, 164, 0.45);
  --section-line: rgba(142, 152, 164, 0.30);
  --btn-primary-bg: linear-gradient(135deg, #C5CCD4 0%, #5C646E 48%, #111111 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #8E98A4 0%, #2A2E34 48%, #050505 100%);
  --btn-primary-border: rgba(17, 17, 17, 0.55);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #E6E9ED 100%);
  --btn-light-border: rgba(17, 17, 17, 0.28);
  --btn-ghost-border: rgba(17, 17, 17, 0.32);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #E6E9ED 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.16) 0%, transparent 50%),
    linear-gradient(155deg, rgba(5, 5, 5, 0.94) 0%, rgba(17, 17, 17, 0.90) 48%, rgba(42, 46, 52, 0.84) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(197, 204, 212, 0.18) 0%, transparent 52%),
    linear-gradient(155deg, rgba(8, 8, 8, 0.94) 0%, rgba(17, 17, 17, 0.88) 52%, rgba(42, 46, 52, 0.78) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(197, 204, 212, 0.26) 0%, transparent 50%),
    linear-gradient(160deg, rgba(5, 5, 5, 0.96) 0%, rgba(17, 17, 17, 0.90) 48%, rgba(42, 46, 52, 0.82) 100%);
  --theme-glow: rgba(197, 204, 212, 0.36);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(197, 204, 212, 0.14) 0%, transparent 50%),
    linear-gradient(168deg, rgba(5, 5, 5, 0.96) 0%, rgba(17, 17, 17, 0.92) 48%, rgba(32, 34, 38, 0.86) 100%);
  --review-card-solid: #FFFFFF;
  --review-card-bg: linear-gradient(125deg, #FFFFFF 0%, #F4F5F7 42%, #E6E9ED 100%);
  --chip-bg: linear-gradient(145deg, #FFFFFF, #C5CCD4);
  --chip-border: rgba(17, 17, 17, 0.28);
  --card-gradient: linear-gradient(152deg, rgba(255, 255, 255, 0.52) 0%, rgba(236, 238, 241, 0.36) 28%, rgba(180, 186, 194, 0.28) 62%, rgba(248, 248, 249, 0.38) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 255, 255, 0.50) 0%, rgba(236, 238, 241, 0.34) 34%, rgba(176, 182, 190, 0.26) 72%, rgba(246, 247, 248, 0.36) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(230, 233, 237, 0.42) 0%, rgba(176, 182, 190, 0.28) 40%, rgba(255, 255, 255, 0.36) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(250, 250, 251, 0.46) 0%, rgba(230, 233, 237, 0.34) 46%, rgba(176, 182, 190, 0.26) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 255, 255, 0.50) 0%, rgba(236, 238, 241, 0.36) 30%, rgba(176, 182, 190, 0.28) 65%, rgba(246, 247, 248, 0.36) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 255, 255, 0.52) 0%, rgba(236, 238, 241, 0.38) 22%, rgba(176, 182, 190, 0.28) 55%, rgba(248, 248, 249, 0.38) 100%);
}

html[data-theme="rose"] {
  --color-accent: #B0727C;
  --color-accent-dark: #8A5560;
  --color-mint: #C48B95;
  --color-mint-light: #F6E4E7;
  --color-mint-soft: #FBF3F4;
  --color-emerald: #B0727C;
  --color-emerald-bright: #D7A8B0;
  --color-emerald-deep: #6E3E48;
  --color-emerald-dark: #5C343C;
  --color-emerald-accent: #3E2228;
  --color-emerald-accent-rich: #4A2A32;
  --color-powder: #EBD4D8;
  --color-bg-mint: #F6E8EB;
  --page-bg: #FDF7F8;
  --bg-mint-wash: linear-gradient(180deg, #FFFBFC 0%, #FBF4F5 16%, #F6E8EB 32%, #FDF8F9 48%, #F3E2E6 64%, #FAF3F4 80%, #F7EBEE 100%);
  --shadow-float: 0 3px 7px rgba(110, 62, 72, 0.20), 0 10px 18px rgba(110, 62, 72, 0.16);
  --shadow-float-hover: 0 4px 10px rgba(110, 62, 72, 0.26), 0 12px 22px rgba(110, 62, 72, 0.20);
  --shadow-float-glow: 0 0 12px rgba(196, 139, 149, 0.34);
  --shadow-float-glow-hover: 0 0 14px rgba(196, 139, 149, 0.44);
  --shadow-sm: 0 2px 8px rgba(110, 62, 72, 0.16);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.12), 0 12px 22px rgba(110, 62, 72, 0.26);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.16), 0 14px 24px rgba(110, 62, 72, 0.32);
  --border-soft: 1px solid rgba(176, 114, 124, 0.28);
  --border-mint: 1px solid rgba(176, 114, 124, 0.40);
  --header-line: rgba(215, 168, 176, 0.42);
  --section-line: rgba(215, 168, 176, 0.26);
  --btn-primary-bg: linear-gradient(135deg, #E4B8C0 0%, #C48B95 50%, #8A5560 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #C48B95 0%, #8A5560 50%, #6E3E48 100%);
  --btn-primary-border: rgba(138, 85, 96, 0.48);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #F6E4E7 100%);
  --btn-light-border: rgba(176, 114, 124, 0.42);
  --btn-ghost-border: rgba(176, 114, 124, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #F6E8EB 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.26) 0%, transparent 50%),
    linear-gradient(155deg, rgba(110, 62, 72, 0.88) 0%, rgba(176, 114, 124, 0.82) 48%, rgba(215, 168, 176, 0.74) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.22) 0%, transparent 52%),
    linear-gradient(155deg, rgba(92, 52, 60, 0.84) 0%, rgba(138, 85, 96, 0.74) 52%, rgba(196, 139, 149, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(228, 184, 192, 0.30) 0%, transparent 50%),
    linear-gradient(160deg, rgba(62, 34, 40, 0.90) 0%, rgba(110, 62, 72, 0.82) 48%, rgba(176, 114, 124, 0.74) 100%);
  --theme-glow: rgba(228, 184, 192, 0.34);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(215, 168, 176, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(42, 24, 28, 0.92) 0%, rgba(62, 34, 40, 0.86) 48%, rgba(82, 48, 56, 0.80) 100%);
  --review-card-solid: #FFFBFC;
  --review-card-bg: linear-gradient(125deg, #FFFBFC 0%, #FBF4F5 42%, #F6E8EB 100%);
  --chip-bg: linear-gradient(145deg, #FBF3F4, #E4B8C0);
  --chip-border: rgba(176, 114, 124, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 250, 250, 0.46) 0%, rgba(246, 228, 232, 0.36) 28%, rgba(210, 168, 176, 0.30) 62%, rgba(250, 236, 238, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 250, 250, 0.44) 0%, rgba(246, 230, 232, 0.34) 34%, rgba(206, 164, 172, 0.28) 72%, rgba(248, 234, 236, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(246, 228, 232, 0.40) 0%, rgba(206, 164, 172, 0.30) 40%, rgba(255, 244, 246, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(252, 242, 244, 0.44) 0%, rgba(240, 220, 224, 0.34) 46%, rgba(206, 164, 172, 0.28) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 248, 248, 0.46) 0%, rgba(246, 224, 228, 0.36) 30%, rgba(206, 164, 172, 0.30) 65%, rgba(240, 216, 220, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 250, 250, 0.48) 0%, rgba(248, 228, 232, 0.38) 22%, rgba(206, 164, 172, 0.30) 55%, rgba(242, 220, 224, 0.36) 100%);
}

html[data-theme="olive"] {
  --color-accent: #6E754C;
  --color-accent-dark: #4E5434;
  --color-mint: #8A9168;
  --color-mint-light: #E6E4D4;
  --color-mint-soft: #F4F3EA;
  --color-emerald: #6E754C;
  --color-emerald-bright: #A8AE86;
  --color-emerald-deep: #3E4428;
  --color-emerald-dark: #343A22;
  --color-emerald-accent: #242818;
  --color-emerald-accent-rich: #2C321C;
  --color-powder: #DCD8C4;
  --color-bg-mint: #E8E6D8;
  --page-bg: #F8F8F4;
  --bg-mint-wash: linear-gradient(180deg, #FDFDFB 0%, #F6F6F1 16%, #E8E6D8 32%, #FAFAF6 48%, #E2E0D0 64%, #F5F5EF 80%, #EEEDE2 100%);
  --shadow-float: 0 3px 7px rgba(62, 68, 40, 0.22), 0 10px 18px rgba(62, 68, 40, 0.16);
  --shadow-float-hover: 0 4px 10px rgba(62, 68, 40, 0.28), 0 12px 22px rgba(62, 68, 40, 0.20);
  --shadow-float-glow: 0 0 12px rgba(138, 145, 104, 0.32);
  --shadow-float-glow-hover: 0 0 14px rgba(138, 145, 104, 0.42);
  --shadow-sm: 0 2px 8px rgba(62, 68, 40, 0.16);
  --shadow-float-card-accent: 0 4px 10px rgba(0, 0, 0, 0.14), 0 12px 22px rgba(62, 68, 40, 0.28);
  --shadow-float-card-accent-hover: 0 5px 12px rgba(0, 0, 0, 0.18), 0 14px 24px rgba(62, 68, 40, 0.34);
  --border-soft: 1px solid rgba(110, 117, 76, 0.30);
  --border-mint: 1px solid rgba(110, 117, 76, 0.40);
  --header-line: rgba(168, 174, 134, 0.40);
  --section-line: rgba(168, 174, 134, 0.26);
  --btn-primary-bg: linear-gradient(135deg, #C2C69A 0%, #8A9168 50%, #5A6240 100%);
  --btn-primary-bg-hover: linear-gradient(135deg, #8A9168 0%, #5A6240 50%, #4E5434 100%);
  --btn-primary-border: rgba(90, 98, 64, 0.48);
  --btn-light-bg: linear-gradient(135deg, #FFFFFF 0%, #E6E4D4 100%);
  --btn-light-border: rgba(110, 117, 76, 0.42);
  --btn-ghost-border: rgba(110, 117, 76, 0.42);
  --btn-on-green-hover: linear-gradient(135deg, #FFFFFF 0%, #E8E6D8 100%);
  --section-accent-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.24) 0%, transparent 50%),
    linear-gradient(155deg, rgba(78, 84, 52, 0.90) 0%, rgba(110, 117, 76, 0.82) 48%, rgba(168, 174, 134, 0.74) 100%);
  --consultation-bg:
    radial-gradient(ellipse at 15% 0%, rgba(255, 255, 255, 0.20) 0%, transparent 52%),
    linear-gradient(155deg, rgba(62, 68, 40, 0.86) 0%, rgba(90, 98, 64, 0.74) 52%, rgba(138, 145, 104, 0.64) 100%);
  --section-cta-bg:
    radial-gradient(ellipse at 100% 50%, rgba(194, 198, 154, 0.30) 0%, transparent 50%),
    linear-gradient(160deg, rgba(52, 58, 34, 0.90) 0%, rgba(78, 84, 52, 0.82) 48%, rgba(110, 117, 76, 0.74) 100%);
  --theme-glow: rgba(194, 198, 154, 0.32);
  --footer-bg:
    radial-gradient(ellipse at 20% 0%, rgba(168, 174, 134, 0.16) 0%, transparent 50%),
    linear-gradient(168deg, rgba(36, 40, 24, 0.92) 0%, rgba(52, 58, 34, 0.86) 48%, rgba(70, 76, 48, 0.80) 100%);
  --review-card-solid: #FDFDFB;
  --review-card-bg: linear-gradient(125deg, #FDFDFB 0%, #F6F6F1 42%, #E8E6D8 100%);
  --chip-bg: linear-gradient(145deg, #F4F3EA, #C2C69A);
  --chip-border: rgba(110, 117, 76, 0.42);
  --card-gradient: linear-gradient(152deg, rgba(255, 254, 248, 0.46) 0%, rgba(236, 234, 220, 0.36) 28%, rgba(190, 194, 160, 0.30) 62%, rgba(244, 242, 230, 0.36) 100%);
  --card-gradient-soft: linear-gradient(148deg, rgba(255, 254, 248, 0.44) 0%, rgba(236, 234, 222, 0.34) 34%, rgba(186, 190, 156, 0.28) 72%, rgba(242, 240, 228, 0.34) 100%);
  --card-gradient-mint: linear-gradient(145deg, rgba(230, 228, 212, 0.40) 0%, rgba(186, 190, 156, 0.30) 40%, rgba(248, 246, 236, 0.34) 100%);
  --card-gradient-beige: linear-gradient(150deg, rgba(248, 246, 236, 0.44) 0%, rgba(226, 224, 208, 0.34) 46%, rgba(186, 190, 156, 0.28) 100%);
  --card-gradient-warm: linear-gradient(155deg, rgba(255, 254, 248, 0.46) 0%, rgba(234, 232, 216, 0.36) 30%, rgba(186, 190, 156, 0.30) 65%, rgba(228, 226, 210, 0.34) 100%);
  --card-gradient-hero: linear-gradient(158deg, rgba(255, 254, 248, 0.48) 0%, rgba(236, 234, 218, 0.38) 22%, rgba(186, 190, 156, 0.30) 55%, rgba(230, 228, 212, 0.36) 100%);
}

/* Оттенки, которые в вёрстке заданы отдельно от основных переменных. */
html[data-theme="sage"] {
  --rgb-mint: 110, 154, 132;
  --rgb-mint-bright: 143, 181, 162;
  --rgb-sage: 143, 168, 154;
  --rgb-powder: 213, 221, 214;
  --rgb-deep: 39, 73, 59;
  --rgb-mid: 79, 122, 102;
  --rgb-mid-2: 62, 102, 84;
  --rgb-line: 95, 143, 120;
  --rgb-edge: 122, 171, 148;
  --rgb-review: 79, 122, 102;
  --rgb-review-2: 47, 86, 70;
  --rgb-btn-shadow: 47, 86, 70;
  --rgb-soft-shadow: 47, 86, 70;
  --ink-on-accent: #1C3329;
  --mist-on-accent: #F4F8F5;
  --bar-1: #8FB5A2;
  --bar-2: #6E9A84;
  --bar-3: #4F7A66;
  --bar-4: #D5DDD6;
  --bar-5: #B7C4B8;
  --bar-6: #E7F0EA;
  --theme-color: #6E9A84;
  --header-bg: rgba(246, 250, 247, 0.94);
  --header-bg-scrolled: rgba(246, 250, 247, 0.95);
  --color-bg: #F6FAF7;
  --color-bg-warm: #F3F7F4;
  --color-beige: #E4EEE8;
  --color-beige-soft: #F4F8F5;
  --color-powder-light: #E7F0EA;
}
html[data-theme="powder"] {
  --rgb-mint: 196, 137, 128;
  --rgb-mint-bright: 212, 150, 142;
  --rgb-sage: 212, 176, 170;
  --rgb-powder: 228, 200, 194;
  --rgb-deep: 105, 54, 50;
  --rgb-mid: 138, 81, 76;
  --rgb-mid-2: 122, 64, 60;
  --rgb-line: 193, 123, 114;
  --rgb-edge: 212, 150, 142;
  --rgb-review: 176, 114, 106;
  --rgb-review-2: 122, 64, 60;
  --rgb-btn-shadow: 122, 64, 60;
  --rgb-soft-shadow: 138, 81, 76;
  --ink-on-accent: #3E2422;
  --mist-on-accent: #FDF6F5;
  --bar-1: #E4B8B2;
  --bar-2: #C48980;
  --bar-3: #A86B64;
  --bar-4: #E4C8C2;
  --bar-5: #D7B4AE;
  --bar-6: #F6E4E0;
  --theme-color: #C48980;
  --header-bg: rgba(253, 248, 246, 0.94);
  --header-bg-scrolled: rgba(253, 248, 246, 0.95);
  --color-bg: #FDF8F6;
  --color-bg-warm: #FBF3F1;
  --color-beige: #F3E4E0;
  --color-beige-soft: #F8EEEC;
  --color-powder-light: #F6E4E0;
}
html[data-theme="champagne"] {
  --rgb-mint: 196, 165, 116;
  --rgb-mint-bright: 212, 186, 138;
  --rgb-sage: 196, 176, 142;
  --rgb-powder: 228, 210, 188;
  --rgb-deep: 107, 78, 46;
  --rgb-mid: 154, 122, 74;
  --rgb-mid-2: 122, 96, 58;
  --rgb-line: 176, 138, 90;
  --rgb-edge: 196, 165, 116;
  --rgb-review: 154, 122, 74;
  --rgb-review-2: 107, 78, 46;
  --rgb-btn-shadow: 107, 78, 46;
  --rgb-soft-shadow: 122, 96, 58;
  --ink-on-accent: #3A2C18;
  --mist-on-accent: #FBF8F3;
  --bar-1: #E4D2B4;
  --bar-2: #C4A574;
  --bar-3: #A68658;
  --bar-4: #E4D2BC;
  --bar-5: #D4C0A4;
  --bar-6: #F4EBDD;
  --theme-color: #C4A574;
  --header-bg: rgba(251, 248, 243, 0.94);
  --header-bg-scrolled: rgba(251, 248, 243, 0.95);
  --color-bg: #FBF8F3;
  --color-bg-warm: #F8F3EA;
  --color-beige: #F0E6D6;
  --color-beige-soft: #F7F1E6;
  --color-powder-light: #F4EBDD;
}
html[data-theme="lavender"] {
  --rgb-mint: 160, 139, 184;
  --rgb-mint-bright: 184, 164, 204;
  --rgb-sage: 184, 168, 196;
  --rgb-powder: 221, 210, 230;
  --rgb-deep: 78, 61, 102;
  --rgb-mid: 110, 90, 138;
  --rgb-mid-2: 90, 74, 114;
  --rgb-line: 141, 121, 168;
  --rgb-edge: 168, 148, 190;
  --rgb-review: 122, 102, 150;
  --rgb-review-2: 78, 61, 102;
  --rgb-btn-shadow: 78, 61, 102;
  --rgb-soft-shadow: 90, 74, 114;
  --ink-on-accent: #2C2438;
  --mist-on-accent: #F8F6FB;
  --bar-1: #D4C6E4;
  --bar-2: #A08BB8;
  --bar-3: #7E6A98;
  --bar-4: #DDD2E6;
  --bar-5: #C8B8D4;
  --bar-6: #EFE8F4;
  --theme-color: #A08BB8;
  --header-bg: rgba(249, 247, 251, 0.94);
  --header-bg-scrolled: rgba(249, 247, 251, 0.95);
  --color-bg: #F9F7FB;
  --color-bg-warm: #F4F0F8;
  --color-beige: #E8E0F0;
  --color-beige-soft: #F3EEF6;
  --color-powder-light: #EFE8F4;
}
html[data-theme="tide"] {
  --rgb-mint: 42, 140, 150;
  --rgb-mint-bright: 90, 176, 184;
  --rgb-sage: 154, 186, 190;
  --rgb-powder: 201, 216, 218;
  --rgb-deep: 14, 76, 86;
  --rgb-mid: 31, 122, 134;
  --rgb-mid-2: 22, 100, 110;
  --rgb-line: 31, 122, 134;
  --rgb-edge: 74, 168, 176;
  --rgb-review: 31, 122, 134;
  --rgb-review-2: 14, 76, 86;
  --rgb-btn-shadow: 14, 76, 86;
  --rgb-soft-shadow: 22, 100, 110;
  --ink-on-accent: #0C2E34;
  --mist-on-accent: #F4FAFA;
  --bar-1: #9EC8CC;
  --bar-2: #2A8C96;
  --bar-3: #1F6A74;
  --bar-4: #C9D8DA;
  --bar-5: #B4C8CA;
  --bar-6: #E5F2F3;
  --theme-color: #2A8C96;
  --header-bg: rgba(245, 250, 250, 0.94);
  --header-bg-scrolled: rgba(245, 250, 250, 0.95);
  --color-bg: #F5FAFA;
  --color-bg-warm: #F0F6F6;
  --color-beige: #DCEAEA;
  --color-beige-soft: #EEF5F5;
  --color-powder-light: #E5F2F3;
}
html[data-theme="silver"] {
  --rgb-mint: 139, 147, 158;
  --rgb-mint-bright: 184, 190, 198;
  --rgb-sage: 176, 182, 190;
  --rgb-powder: 213, 216, 220;
  --rgb-deep: 26, 29, 34;
  --rgb-mid: 74, 81, 90;
  --rgb-mid-2: 44, 49, 56;
  --rgb-line: 110, 117, 128;
  --rgb-edge: 167, 174, 182;
  --rgb-review: 74, 81, 90;
  --rgb-review-2: 26, 29, 34;
  --rgb-btn-shadow: 26, 29, 34;
  --rgb-soft-shadow: 44, 49, 56;
  --ink-on-accent: #121417;
  --mist-on-accent: #F7F7F8;
  --bar-1: #C5CAD1;
  --bar-2: #8B939E;
  --bar-3: #5C646E;
  --bar-4: #D5D8DC;
  --bar-5: #B8BEC6;
  --bar-6: #E4E7EB;
  --theme-color: #8B939E;
  --header-bg: rgba(247, 247, 248, 0.94);
  --header-bg-scrolled: rgba(247, 247, 248, 0.95);
  --color-bg: #F7F7F8;
  --color-bg-warm: #F2F3F5;
  --color-beige: #E6E8EB;
  --color-beige-soft: #F3F4F6;
  --color-powder-light: #ECEEEF;
}
html[data-theme="pearl"] {
  --rgb-mint: 168, 176, 186;
  --rgb-mint-bright: 206, 210, 216;
  --rgb-sage: 196, 202, 208;
  --rgb-powder: 226, 229, 233;
  --rgb-deep: 62, 70, 80;
  --rgb-mid: 110, 119, 130;
  --rgb-mid-2: 92, 101, 112;
  --rgb-line: 142, 151, 163;
  --rgb-edge: 184, 190, 198;
  --rgb-review: 110, 119, 130;
  --rgb-review-2: 62, 70, 80;
  --rgb-btn-shadow: 62, 70, 80;
  --rgb-soft-shadow: 92, 101, 112;
  --ink-on-accent: #24282E;
  --mist-on-accent: #FBFBFC;
  --bar-1: #D5D9DE;
  --bar-2: #A8B0BA;
  --bar-3: #7A8490;
  --bar-4: #E2E5E9;
  --bar-5: #C8CED4;
  --bar-6: #EEF0F3;
  --theme-color: #A8B0BA;
  --header-bg: rgba(251, 251, 252, 0.94);
  --header-bg-scrolled: rgba(251, 251, 252, 0.95);
  --color-bg: #FBFBFC;
  --color-bg-warm: #F6F7F8;
  --color-beige: #E8EAED;
  --color-beige-soft: #F3F4F6;
  --color-powder-light: #F0F2F4;
}
html[data-theme="cocoa"] {
  --rgb-mint: 166, 132, 108;
  --rgb-mint-bright: 196, 164, 142;
  --rgb-sage: 196, 170, 150;
  --rgb-powder: 230, 213, 200;
  --rgb-deep: 62, 44, 34;
  --rgb-mid: 110, 82, 64;
  --rgb-mid-2: 92, 67, 52;
  --rgb-line: 140, 106, 82;
  --rgb-edge: 184, 150, 126;
  --rgb-review: 140, 106, 82;
  --rgb-review-2: 62, 44, 34;
  --rgb-btn-shadow: 62, 44, 34;
  --rgb-soft-shadow: 92, 67, 52;
  --ink-on-accent: #241912;
  --mist-on-accent: #FBF7F4;
  --bar-1: #E0C8B6;
  --bar-2: #A6846C;
  --bar-3: #7A5C48;
  --bar-4: #E6D5C8;
  --bar-5: #D4BBA8;
  --bar-6: #F0E4D8;
  --theme-color: #A6846C;
  --header-bg: rgba(251, 247, 244, 0.94);
  --header-bg-scrolled: rgba(251, 247, 244, 0.95);
  --color-bg: #FBF7F4;
  --color-bg-warm: #F7F1EB;
  --color-beige: #EFE2D6;
  --color-beige-soft: #F6EEE8;
  --color-powder-light: #F3E8DF;
}
html[data-theme="noir"] {
  --rgb-mint: 142, 152, 164;
  --rgb-mint-bright: 197, 204, 212;
  --rgb-sage: 176, 182, 190;
  --rgb-powder: 216, 220, 225;
  --rgb-deep: 17, 17, 17;
  --rgb-mid: 42, 46, 52;
  --rgb-mid-2: 26, 28, 32;
  --rgb-line: 92, 100, 110;
  --rgb-edge: 168, 176, 186;
  --rgb-review: 42, 46, 52;
  --rgb-review-2: 17, 17, 17;
  --rgb-btn-shadow: 17, 17, 17;
  --rgb-soft-shadow: 26, 28, 32;
  --ink-on-accent: #111111;
  --mist-on-accent: #F7F8F9;
  --bar-1: #C5CCD4;
  --bar-2: #8E98A4;
  --bar-3: #4A515A;
  --bar-4: #D8DCE1;
  --bar-5: #B0B6BE;
  --bar-6: #E6E9ED;
  --theme-color: #2A2E34;
  --header-bg: rgba(247, 248, 249, 0.94);
  --header-bg-scrolled: rgba(247, 248, 249, 0.95);
  --color-bg: #F7F8F9;
  --color-bg-warm: #F1F2F4;
  --color-beige: #E4E6E9;
  --color-beige-soft: #F2F3F5;
  --color-powder-light: #ECEEF1;
}
html[data-theme="rose"] {
  --rgb-mint: 196, 139, 149;
  --rgb-mint-bright: 215, 168, 176;
  --rgb-sage: 210, 176, 182;
  --rgb-powder: 235, 212, 216;
  --rgb-deep: 110, 62, 72;
  --rgb-mid: 138, 85, 96;
  --rgb-mid-2: 110, 62, 72;
  --rgb-line: 176, 114, 124;
  --rgb-edge: 196, 139, 149;
  --rgb-review: 176, 114, 124;
  --rgb-review-2: 110, 62, 72;
  --rgb-btn-shadow: 110, 62, 72;
  --rgb-soft-shadow: 138, 85, 96;
  --ink-on-accent: #3E2228;
  --mist-on-accent: #FDF7F8;
  --bar-1: #E4B8C0;
  --bar-2: #C48B95;
  --bar-3: #A86B76;
  --bar-4: #EBD4D8;
  --bar-5: #D8B4BA;
  --bar-6: #F6E4E7;
  --theme-color: #C48B95;
  --header-bg: rgba(253, 247, 248, 0.94);
  --header-bg-scrolled: rgba(253, 247, 248, 0.95);
  --color-bg: #FDF7F8;
  --color-bg-warm: #F9F0F2;
  --color-beige: #F3E2E6;
  --color-beige-soft: #F8EEF0;
  --color-powder-light: #F6E8EB;
}
html[data-theme="olive"] {
  --rgb-mint: 138, 145, 104;
  --rgb-mint-bright: 168, 174, 134;
  --rgb-sage: 176, 180, 150;
  --rgb-powder: 220, 216, 196;
  --rgb-deep: 62, 68, 40;
  --rgb-mid: 90, 98, 64;
  --rgb-mid-2: 78, 84, 52;
  --rgb-line: 110, 117, 76;
  --rgb-edge: 154, 160, 116;
  --rgb-review: 110, 117, 76;
  --rgb-review-2: 62, 68, 40;
  --rgb-btn-shadow: 62, 68, 40;
  --rgb-soft-shadow: 78, 84, 52;
  --ink-on-accent: #242818;
  --mist-on-accent: #F8F8F4;
  --bar-1: #C2C69A;
  --bar-2: #8A9168;
  --bar-3: #5A6240;
  --bar-4: #DCD8C4;
  --bar-5: #C4C0A8;
  --bar-6: #E6E4D4;
  --theme-color: #8A9168;
  --header-bg: rgba(248, 248, 244, 0.94);
  --header-bg-scrolled: rgba(248, 248, 244, 0.95);
  --color-bg: #F8F8F4;
  --color-bg-warm: #F4F4EE;
  --color-beige: #E4E2D2;
  --color-beige-soft: #F2F1E6;
  --color-powder-light: #E8E6D8;
}

:root,
html[data-theme] {
  --bg-mint-wash: linear-gradient(180deg, var(--page-bg) 0%, var(--color-bg-mint) 100%);
  --card-gradient: #FFFFFF;
  --card-gradient-soft: #FFFFFF;
  --card-gradient-mint: #FFFFFF;
  --card-gradient-beige: #FFFFFF;
  --card-gradient-warm: #FFFFFF;
  --card-gradient-hero: #FFFFFF;
  --review-card-bg: #FFFFFF;
  --review-card-solid: #FFFFFF;
  --section-accent-bg: linear-gradient(var(--color-accent-dark), var(--color-accent-dark));
  --consultation-bg: linear-gradient(var(--color-emerald-deep), var(--color-emerald-deep));
  --section-cta-bg: linear-gradient(var(--color-emerald-accent), var(--color-emerald-accent));
  --footer-bg: linear-gradient(var(--color-emerald-accent), var(--color-emerald-accent));
}