body[data-theme="default"] {
  color-scheme: dark;
}

body[data-theme="dark-bronze"] {
  --bg: #120f0c;
  --bg-soft: #1c1712;
  --surface: rgba(32, 25, 18, 0.92);
  --surface-strong: #2a2119;
  --surface-soft: rgba(255, 244, 231, 0.05);
  --text: #f5e8d8;
  --muted: #c5af98;
  --line: rgba(214, 172, 121, 0.15);
  --accent: #d59a52;
  --accent-strong: #9b5f2c;
  --shadow: 0 18px 42px rgba(0, 0, 0, 0.38);
  --card-bg: rgba(31, 24, 18, 0.82);
  --card-bg-strong: rgba(28, 21, 16, 0.76);
  --item-bg: rgba(39, 31, 24, 0.88);
  --item-bg-soft: rgba(255, 244, 231, 0.05);
  --input-bg: rgba(255, 247, 236, 0.05);
  --button-ghost-bg: rgba(255, 244, 231, 0.05);
  --button-ghost-border: rgba(214, 172, 121, 0.16);
  --button-text: #fff4e5;
  --selected-bg: linear-gradient(135deg, rgba(213, 154, 82, 0.22), rgba(255, 244, 231, 0.04));
  --selected-bg-strong: linear-gradient(135deg, rgba(213, 154, 82, 0.3), rgba(255, 244, 231, 0.05));
  --selected-border: rgba(213, 154, 82, 0.7);
  --result-bg: linear-gradient(135deg, rgba(56, 136, 90, 0.16), rgba(255, 244, 231, 0.04)), rgba(255, 244, 231, 0.04);
  --hero-copy: #f3e1c5;
  --eyebrow-color: #e0b07b;
  --divider-line: rgba(255, 244, 231, 0.08);
  --placeholder: rgba(197, 175, 152, 0.76);
  --image-frame-border: rgba(214, 172, 121, 0.18);
  --image-frame-bg: #1a1410;
  --focus-ring: rgba(213, 154, 82, 0.42);
  --step-done-bg: linear-gradient(135deg, rgba(213, 154, 82, 0.18), rgba(255, 244, 231, 0.05));
  --hero-title-neon: #ffe0b6;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 214, 163, 0.82),
    0 0 18px rgba(224, 176, 123, 0.66),
    0 0 34px rgba(213, 154, 82, 0.38);
  --hero-title-classic: #f6e6cf;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(224, 176, 123, 0.18);
  --hero-title-clean: #f5e8d8;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
  --page-top: rgba(18, 13, 10, 0.84);
  --page-bottom: rgba(22, 17, 12, 0.96);
  --page-base: #120e0b;
  --overlay-top: rgba(28, 21, 15, 0.24);
  --overlay-bottom: rgba(28, 21, 15, 0.34);
  --glow-cyan: rgba(94, 205, 224, 0.06);
  --glow-gold: rgba(255, 209, 143, 0.12);
  --hero-scrim-top: rgba(24, 15, 9, 0.3);
  --hero-scrim-bottom: rgba(17, 12, 9, 0.76);
}

body[data-theme="dark-graphite"] {
  --bg: #0d1012;
  --bg-soft: #151a1e;
  --surface: rgba(22, 28, 32, 0.92);
  --surface-strong: #20272d;
  --surface-soft: rgba(255, 255, 255, 0.04);
  --text: #edf2f5;
  --muted: #a9b4bf;
  --line: rgba(186, 212, 232, 0.12);
  --accent: #89a8c3;
  --accent-strong: #577089;
  --card-bg: rgba(19, 24, 28, 0.82);
  --card-bg-strong: rgba(18, 22, 26, 0.76);
  --item-bg: rgba(24, 30, 35, 0.88);
  --item-bg-soft: rgba(232, 240, 246, 0.05);
  --input-bg: rgba(232, 240, 246, 0.05);
  --button-ghost-bg: rgba(232, 240, 246, 0.05);
  --button-ghost-border: rgba(137, 168, 195, 0.16);
  --button-text: #eff5f9;
  --selected-bg: linear-gradient(135deg, rgba(137, 168, 195, 0.22), rgba(232, 240, 246, 0.04));
  --selected-bg-strong: linear-gradient(135deg, rgba(137, 168, 195, 0.3), rgba(232, 240, 246, 0.05));
  --selected-border: rgba(137, 168, 195, 0.72);
  --result-bg: linear-gradient(135deg, rgba(62, 139, 107, 0.16), rgba(232, 240, 246, 0.04)), rgba(232, 240, 246, 0.04);
  --hero-copy: #dfe7ee;
  --eyebrow-color: #a8c0d6;
  --divider-line: rgba(232, 240, 246, 0.08);
  --placeholder: rgba(169, 180, 191, 0.78);
  --image-frame-border: rgba(137, 168, 195, 0.18);
  --image-frame-bg: #12171b;
  --focus-ring: rgba(137, 168, 195, 0.42);
  --step-done-bg: linear-gradient(135deg, rgba(137, 168, 195, 0.18), rgba(232, 240, 246, 0.05));
  --hero-title-neon: #d8f4ff;
  --hero-title-neon-shadow:
    0 0 8px rgba(171, 222, 255, 0.82),
    0 0 18px rgba(137, 168, 195, 0.66),
    0 0 34px rgba(137, 168, 195, 0.34);
  --hero-title-classic: #e6edf4;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(137, 168, 195, 0.16);
  --hero-title-clean: #edf2f5;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
  --page-top: rgba(10, 14, 18, 0.84);
  --page-bottom: rgba(12, 16, 20, 0.96);
  --page-base: #0c1114;
  --overlay-top: rgba(16, 20, 24, 0.24);
  --overlay-bottom: rgba(16, 20, 24, 0.34);
  --glow-cyan: rgba(120, 210, 255, 0.08);
  --glow-gold: rgba(255, 255, 255, 0.04);
  --hero-scrim-top: rgba(8, 14, 18, 0.28);
  --hero-scrim-bottom: rgba(10, 14, 18, 0.76);
}

body[data-theme="soft-rose"] {
  color-scheme: light;
  --service-icon-filter: none;
  --bg: #f8eeef;
  --bg-soft: #f3e4e8;
  --surface: rgba(255, 251, 252, 0.92);
  --surface-strong: #f7e8ec;
  --surface-soft: rgba(108, 73, 84, 0.04);
  --text: #3d2930;
  --muted: #87656f;
  --line: rgba(118, 84, 95, 0.12);
  --accent: #cf8da2;
  --accent-strong: #b06d84;
  --card-bg: rgba(255, 251, 252, 0.92);
  --card-bg-strong: rgba(255, 248, 250, 0.88);
  --item-bg: rgba(255, 249, 250, 0.94);
  --item-bg-soft: rgba(108, 73, 84, 0.04);
  --input-bg: rgba(118, 84, 95, 0.045);
  --button-ghost-bg: rgba(118, 84, 95, 0.045);
  --button-ghost-border: rgba(118, 84, 95, 0.12);
  --button-text: #fff8fb;
  --selected-bg: linear-gradient(135deg, rgba(207, 141, 162, 0.16), rgba(255, 255, 255, 0.48));
  --selected-bg-strong: linear-gradient(135deg, rgba(207, 141, 162, 0.22), rgba(255, 255, 255, 0.54));
  --selected-border: rgba(207, 141, 162, 0.48);
  --result-bg: linear-gradient(135deg, rgba(127, 181, 150, 0.13), rgba(255, 255, 255, 0.48)), rgba(255, 255, 255, 0.52);
  --hero-copy: #49333b;
  --eyebrow-color: #c8849b;
  --divider-line: rgba(118, 84, 95, 0.08);
  --placeholder: rgba(135, 101, 111, 0.72);
  --image-frame-border: rgba(118, 84, 95, 0.11);
  --image-frame-bg: #f2e1e7;
  --focus-ring: rgba(207, 141, 162, 0.34);
  --service-png-filter: none;
  --service-png-blend: normal;
  --stepper-shell-border: rgba(207, 141, 162, 0.16);
  --stepper-shell-bg:
    linear-gradient(180deg, rgba(255, 250, 252, 0.94), rgba(247, 235, 240, 0.9)),
    var(--card-bg);
  --stepper-shell-shadow: 0 14px 26px rgba(168, 125, 142, 0.14);
  --step-done-bg: linear-gradient(135deg, rgba(207, 141, 162, 0.18), rgba(255, 255, 255, 0.44));
  --hero-title-neon: #fff0f6;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 211, 229, 0.44),
    0 0 16px rgba(216, 158, 181, 0.24);
  --hero-title-classic: #4b3139;
  --hero-title-classic-shadow: 0 2px 10px rgba(255, 255, 255, 0.2);
  --hero-title-clean: #3f2b32;
  --hero-title-clean-shadow: 0 3px 12px rgba(255, 255, 255, 0.16);
  --hero-title-heading-shadow: 0 8px 18px rgba(255, 255, 255, 0.18);
  --page-top: rgba(249, 240, 243, 0.86);
  --page-bottom: rgba(244, 232, 236, 0.96);
  --page-base: #f7ecef;
  --overlay-top: rgba(255, 250, 252, 0.2);
  --overlay-bottom: rgba(242, 229, 233, 0.26);
  --glow-cyan: rgba(179, 221, 230, 0.04);
  --glow-gold: rgba(232, 191, 205, 0.09);
  --hero-scrim-top: rgba(255, 251, 252, 0.22);
  --hero-scrim-bottom: rgba(238, 225, 230, 0.62);
}

body[data-theme="blush-pearl"] {
  color-scheme: light;
  --service-icon-filter: none;
  --bg: #fbf7f4;
  --bg-soft: #f5ece8;
  --surface: rgba(255, 252, 250, 0.94);
  --surface-strong: #f8efeb;
  --surface-soft: rgba(112, 88, 80, 0.035);
  --text: #47332c;
  --muted: #8a7167;
  --line: rgba(112, 88, 80, 0.11);
  --accent: #d5a28f;
  --accent-strong: #b87e6b;
  --card-bg: rgba(255, 252, 250, 0.92);
  --card-bg-strong: rgba(255, 249, 246, 0.88);
  --item-bg: rgba(255, 250, 248, 0.94);
  --item-bg-soft: rgba(112, 88, 80, 0.035);
  --input-bg: rgba(112, 88, 80, 0.04);
  --button-ghost-bg: rgba(112, 88, 80, 0.04);
  --button-ghost-border: rgba(112, 88, 80, 0.11);
  --button-text: #fff9f7;
  --selected-bg: linear-gradient(135deg, rgba(213, 162, 143, 0.15), rgba(255, 255, 255, 0.46));
  --selected-bg-strong: linear-gradient(135deg, rgba(213, 162, 143, 0.22), rgba(255, 255, 255, 0.5));
  --selected-border: rgba(213, 162, 143, 0.48);
  --result-bg: linear-gradient(135deg, rgba(127, 181, 150, 0.12), rgba(255, 255, 255, 0.48)), rgba(255, 255, 255, 0.52);
  --hero-copy: #503b33;
  --eyebrow-color: #c78d78;
  --divider-line: rgba(112, 88, 80, 0.08);
  --placeholder: rgba(138, 113, 103, 0.72);
  --image-frame-border: rgba(112, 88, 80, 0.11);
  --image-frame-bg: #f1e6e1;
  --focus-ring: rgba(213, 162, 143, 0.32);
  --service-png-filter: none;
  --service-png-blend: normal;
  --stepper-shell-border: rgba(213, 162, 143, 0.15);
  --stepper-shell-bg:
    linear-gradient(180deg, rgba(255, 252, 250, 0.95), rgba(248, 239, 235, 0.9)),
    var(--card-bg);
  --stepper-shell-shadow: 0 14px 26px rgba(164, 132, 120, 0.12);
  --step-done-bg: linear-gradient(135deg, rgba(213, 162, 143, 0.16), rgba(255, 255, 255, 0.44));
  --hero-title-neon: #fff1ea;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 221, 206, 0.4),
    0 0 16px rgba(213, 162, 143, 0.2);
  --hero-title-classic: #513a32;
  --hero-title-classic-shadow: 0 2px 10px rgba(255, 255, 255, 0.18);
  --hero-title-clean: #453028;
  --hero-title-clean-shadow: 0 3px 12px rgba(255, 255, 255, 0.16);
  --hero-title-heading-shadow: 0 8px 18px rgba(255, 255, 255, 0.18);
  --page-top: rgba(251, 247, 244, 0.86);
  --page-bottom: rgba(244, 236, 232, 0.96);
  --page-base: #faf5f1;
  --overlay-top: rgba(255, 252, 250, 0.22);
  --overlay-bottom: rgba(241, 232, 227, 0.28);
  --glow-cyan: rgba(177, 213, 222, 0.04);
  --glow-gold: rgba(228, 196, 173, 0.08);
  --hero-scrim-top: rgba(255, 252, 250, 0.2);
  --hero-scrim-bottom: rgba(239, 228, 223, 0.6);
}

body[data-theme="light-cream"] {
  color-scheme: light;
  --service-icon-filter: none;
  --bg: #f7f1e7;
  --bg-soft: #efe6d8;
  --surface: rgba(255, 250, 242, 0.92);
  --surface-strong: #f2e7d8;
  --surface-soft: rgba(73, 54, 32, 0.04);
  --text: #2f2419;
  --muted: #75624f;
  --line: rgba(82, 58, 33, 0.12);
  --accent: #b87a3f;
  --accent-strong: #8c5428;
  --card-bg: rgba(255, 250, 242, 0.9);
  --card-bg-strong: rgba(255, 248, 238, 0.86);
  --item-bg: rgba(255, 248, 239, 0.92);
  --item-bg-soft: rgba(73, 54, 32, 0.04);
  --input-bg: rgba(92, 63, 27, 0.04);
  --button-ghost-bg: rgba(92, 63, 27, 0.04);
  --button-ghost-border: rgba(82, 58, 33, 0.12);
  --button-text: #fffaf2;
  --selected-bg: linear-gradient(135deg, rgba(184, 122, 63, 0.14), rgba(255, 255, 255, 0.4));
  --selected-bg-strong: linear-gradient(135deg, rgba(184, 122, 63, 0.18), rgba(255, 255, 255, 0.45));
  --selected-border: rgba(184, 122, 63, 0.45);
  --result-bg: linear-gradient(135deg, rgba(43, 142, 93, 0.12), rgba(255, 255, 255, 0.45)), rgba(255, 255, 255, 0.48);
  --hero-copy: #3a2d20;
  --eyebrow-color: #b87a3f;
  --divider-line: rgba(82, 58, 33, 0.09);
  --placeholder: rgba(117, 98, 79, 0.72);
  --image-frame-border: rgba(82, 58, 33, 0.12);
  --image-frame-bg: #efe4d4;
  --focus-ring: rgba(184, 122, 63, 0.32);
  --service-png-filter: none;
  --service-png-blend: normal;
  --stepper-shell-border: rgba(184, 122, 63, 0.14);
  --stepper-shell-bg:
    linear-gradient(180deg, rgba(255, 250, 242, 0.94), rgba(246, 237, 224, 0.88)),
    var(--card-bg);
  --stepper-shell-shadow: 0 14px 26px rgba(124, 99, 66, 0.12);
  --step-done-bg: linear-gradient(135deg, rgba(184, 122, 63, 0.16), rgba(255, 255, 255, 0.42));
  --hero-title-neon: #fff3d8;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 226, 176, 0.5),
    0 0 16px rgba(214, 163, 83, 0.28);
  --hero-title-classic: #4b3824;
  --hero-title-classic-shadow: 0 2px 10px rgba(255, 255, 255, 0.22);
  --hero-title-clean: #362719;
  --hero-title-clean-shadow: 0 3px 12px rgba(255, 255, 255, 0.18);
  --hero-title-heading-shadow: 0 8px 18px rgba(255, 255, 255, 0.18);
  --page-top: rgba(247, 241, 231, 0.84);
  --page-bottom: rgba(240, 231, 219, 0.96);
  --page-base: #f5eee2;
  --overlay-top: rgba(255, 252, 246, 0.22);
  --overlay-bottom: rgba(235, 223, 207, 0.28);
  --glow-cyan: rgba(120, 190, 220, 0.05);
  --glow-gold: rgba(214, 163, 83, 0.08);
  --hero-scrim-top: rgba(255, 250, 242, 0.24);
  --hero-scrim-bottom: rgba(232, 222, 209, 0.62);
}

body[data-theme="light-minimal"] {
  color-scheme: light;
  --service-icon-filter: none;
  --bg: #f4f4f2;
  --bg-soft: #e8e8e4;
  --surface: rgba(255, 255, 255, 0.9);
  --surface-strong: #f0f0ed;
  --surface-soft: rgba(30, 32, 34, 0.03);
  --text: #1c2024;
  --muted: #68707a;
  --line: rgba(32, 36, 40, 0.1);
  --accent: #7f8f9b;
  --accent-strong: #596872;
  --card-bg: rgba(255, 255, 255, 0.88);
  --card-bg-strong: rgba(250, 250, 248, 0.84);
  --item-bg: rgba(255, 255, 255, 0.9);
  --item-bg-soft: rgba(30, 32, 34, 0.03);
  --input-bg: rgba(30, 32, 34, 0.035);
  --button-ghost-bg: rgba(30, 32, 34, 0.035);
  --button-ghost-border: rgba(32, 36, 40, 0.1);
  --button-text: #f8fbfd;
  --selected-bg: linear-gradient(135deg, rgba(127, 143, 155, 0.12), rgba(255, 255, 255, 0.45));
  --selected-bg-strong: linear-gradient(135deg, rgba(127, 143, 155, 0.16), rgba(255, 255, 255, 0.5));
  --selected-border: rgba(127, 143, 155, 0.42);
  --result-bg: linear-gradient(135deg, rgba(43, 142, 93, 0.1), rgba(255, 255, 255, 0.5)), rgba(255, 255, 255, 0.5);
  --hero-copy: #2a3136;
  --eyebrow-color: #6d7c87;
  --divider-line: rgba(32, 36, 40, 0.08);
  --placeholder: rgba(104, 112, 122, 0.7);
  --image-frame-border: rgba(32, 36, 40, 0.1);
  --image-frame-bg: #ecefed;
  --focus-ring: rgba(127, 143, 155, 0.28);
  --service-png-filter: none;
  --service-png-blend: normal;
  --stepper-shell-border: rgba(127, 143, 155, 0.14);
  --stepper-shell-bg:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(239, 242, 244, 0.88)),
    var(--card-bg);
  --stepper-shell-shadow: 0 14px 26px rgba(92, 104, 112, 0.1);
  --step-done-bg: linear-gradient(135deg, rgba(127, 143, 155, 0.16), rgba(255, 255, 255, 0.46));
  --hero-title-neon: #ecfbff;
  --hero-title-neon-shadow:
    0 0 8px rgba(170, 220, 240, 0.4),
    0 0 16px rgba(127, 143, 155, 0.22);
  --hero-title-classic: #263038;
  --hero-title-classic-shadow: 0 2px 10px rgba(255, 255, 255, 0.18);
  --hero-title-clean: #20272d;
  --hero-title-clean-shadow: 0 3px 12px rgba(255, 255, 255, 0.16);
  --hero-title-heading-shadow: 0 8px 18px rgba(255, 255, 255, 0.16);
  --page-top: rgba(244, 244, 242, 0.86);
  --page-bottom: rgba(233, 233, 229, 0.96);
  --page-base: #efefeb;
  --overlay-top: rgba(255, 255, 255, 0.2);
  --overlay-bottom: rgba(225, 228, 230, 0.24);
  --glow-cyan: rgba(149, 201, 233, 0.04);
  --glow-gold: rgba(255, 255, 255, 0.02);
  --hero-scrim-top: rgba(255, 255, 255, 0.22);
  --hero-scrim-bottom: rgba(224, 227, 229, 0.58);
}

body[data-theme="neutral-stone"] {
  color-scheme: light;
  --service-icon-filter: none;
  --bg: #ded7cd;
  --bg-soft: #d2c9bd;
  --surface: rgba(247, 242, 236, 0.88);
  --surface-strong: #e6ddd1;
  --surface-soft: rgba(61, 52, 41, 0.04);
  --text: #312920;
  --muted: #6f6255;
  --line: rgba(68, 59, 47, 0.12);
  --accent: #9f7a56;
  --accent-strong: #755538;
  --card-bg: rgba(247, 242, 236, 0.88);
  --card-bg-strong: rgba(243, 236, 228, 0.84);
  --item-bg: rgba(248, 243, 237, 0.9);
  --item-bg-soft: rgba(61, 52, 41, 0.04);
  --input-bg: rgba(61, 52, 41, 0.04);
  --button-ghost-bg: rgba(61, 52, 41, 0.04);
  --button-ghost-border: rgba(68, 59, 47, 0.12);
  --button-text: #fff9f1;
  --selected-bg: linear-gradient(135deg, rgba(159, 122, 86, 0.14), rgba(255, 255, 255, 0.35));
  --selected-bg-strong: linear-gradient(135deg, rgba(159, 122, 86, 0.18), rgba(255, 255, 255, 0.4));
  --selected-border: rgba(159, 122, 86, 0.44);
  --result-bg: linear-gradient(135deg, rgba(43, 142, 93, 0.1), rgba(255, 255, 255, 0.38)), rgba(255, 255, 255, 0.38);
  --hero-copy: #3a3027;
  --eyebrow-color: #9f7a56;
  --divider-line: rgba(68, 59, 47, 0.09);
  --placeholder: rgba(111, 98, 85, 0.72);
  --image-frame-border: rgba(68, 59, 47, 0.12);
  --image-frame-bg: #e0d8cd;
  --focus-ring: rgba(159, 122, 86, 0.3);
  --service-png-filter: none;
  --service-png-blend: normal;
  --stepper-shell-border: rgba(159, 122, 86, 0.14);
  --stepper-shell-bg:
    linear-gradient(180deg, rgba(247, 242, 236, 0.94), rgba(231, 221, 209, 0.88)),
    var(--card-bg);
  --stepper-shell-shadow: 0 14px 26px rgba(104, 87, 64, 0.12);
  --step-done-bg: linear-gradient(135deg, rgba(159, 122, 86, 0.16), rgba(255, 255, 255, 0.4));
  --hero-title-neon: #faecd0;
  --hero-title-neon-shadow:
    0 0 8px rgba(231, 207, 170, 0.46),
    0 0 16px rgba(159, 122, 86, 0.24);
  --hero-title-classic: #433528;
  --hero-title-classic-shadow: 0 2px 10px rgba(255, 255, 255, 0.16);
  --hero-title-clean: #372b20;
  --hero-title-clean-shadow: 0 3px 12px rgba(255, 255, 255, 0.14);
  --hero-title-heading-shadow: 0 8px 18px rgba(255, 255, 255, 0.14);
  --page-top: rgba(222, 215, 205, 0.86);
  --page-bottom: rgba(206, 197, 185, 0.96);
  --page-base: #d9d0c4;
  --overlay-top: rgba(245, 239, 233, 0.2);
  --overlay-bottom: rgba(212, 201, 189, 0.28);
  --glow-cyan: rgba(173, 197, 207, 0.04);
  --glow-gold: rgba(201, 164, 112, 0.06);
  --hero-scrim-top: rgba(244, 238, 232, 0.18);
  --hero-scrim-bottom: rgba(205, 193, 181, 0.62);
}

body[data-theme="neutral-sand"] {
  color-scheme: light;
  --service-icon-filter: none;
  --bg: #e8dcc9;
  --bg-soft: #dccfb8;
  --surface: rgba(251, 246, 238, 0.9);
  --surface-strong: #eadfcf;
  --surface-soft: rgba(74, 60, 40, 0.04);
  --text: #322719;
  --muted: #7a6853;
  --line: rgba(77, 61, 39, 0.11);
  --accent: #b68957;
  --accent-strong: #8d6438;
  --card-bg: rgba(251, 246, 238, 0.88);
  --card-bg-strong: rgba(247, 240, 229, 0.84);
  --item-bg: rgba(251, 246, 238, 0.9);
  --item-bg-soft: rgba(74, 60, 40, 0.04);
  --input-bg: rgba(74, 60, 40, 0.04);
  --button-ghost-bg: rgba(74, 60, 40, 0.04);
  --button-ghost-border: rgba(77, 61, 39, 0.11);
  --button-text: #fff8ee;
  --selected-bg: linear-gradient(135deg, rgba(182, 137, 87, 0.14), rgba(255, 255, 255, 0.35));
  --selected-bg-strong: linear-gradient(135deg, rgba(182, 137, 87, 0.18), rgba(255, 255, 255, 0.4));
  --selected-border: rgba(182, 137, 87, 0.44);
  --result-bg: linear-gradient(135deg, rgba(43, 142, 93, 0.1), rgba(255, 255, 255, 0.38)), rgba(255, 255, 255, 0.38);
  --hero-copy: #3c2f20;
  --eyebrow-color: #b68957;
  --divider-line: rgba(77, 61, 39, 0.08);
  --placeholder: rgba(122, 104, 83, 0.72);
  --image-frame-border: rgba(77, 61, 39, 0.11);
  --image-frame-bg: #e7dccc;
  --focus-ring: rgba(182, 137, 87, 0.3);
  --service-png-filter: none;
  --service-png-blend: normal;
  --stepper-shell-border: rgba(182, 137, 87, 0.14);
  --stepper-shell-bg:
    linear-gradient(180deg, rgba(251, 246, 238, 0.94), rgba(236, 226, 210, 0.88)),
    var(--card-bg);
  --stepper-shell-shadow: 0 14px 26px rgba(118, 95, 66, 0.12);
  --step-done-bg: linear-gradient(135deg, rgba(182, 137, 87, 0.16), rgba(255, 255, 255, 0.4));
  --hero-title-neon: #fff0cf;
  --hero-title-neon-shadow:
    0 0 8px rgba(236, 212, 175, 0.46),
    0 0 16px rgba(182, 137, 87, 0.24);
  --hero-title-classic: #463626;
  --hero-title-classic-shadow: 0 2px 10px rgba(255, 255, 255, 0.16);
  --hero-title-clean: #392b1d;
  --hero-title-clean-shadow: 0 3px 12px rgba(255, 255, 255, 0.14);
  --hero-title-heading-shadow: 0 8px 18px rgba(255, 255, 255, 0.14);
  --page-top: rgba(232, 220, 201, 0.86);
  --page-bottom: rgba(219, 204, 182, 0.96);
  --page-base: #e3d6c0;
  --overlay-top: rgba(251, 247, 240, 0.2);
  --overlay-bottom: rgba(220, 205, 183, 0.28);
  --glow-cyan: rgba(174, 204, 214, 0.04);
  --glow-gold: rgba(218, 176, 116, 0.08);
  --hero-scrim-top: rgba(251, 247, 240, 0.2);
  --hero-scrim-bottom: rgba(217, 203, 182, 0.62);
}

body:is(
  [data-theme="soft-rose"],
  [data-theme="blush-pearl"],
  [data-theme="light-cream"],
  [data-theme="light-minimal"],
  [data-theme="neutral-stone"],
  [data-theme="neutral-sand"]
) {
  --selected-bg: linear-gradient(135deg, color-mix(in srgb, var(--accent) 29%, transparent), rgba(255, 255, 255, 0.38));
  --selected-bg-strong: linear-gradient(135deg, color-mix(in srgb, var(--accent) 36%, transparent), rgba(255, 255, 255, 0.46));
  --selected-border: color-mix(in srgb, var(--accent) 78%, transparent);
  --selected-shadow:
    var(--shadow),
    inset 0 0 0 1px color-mix(in srgb, var(--accent) 52%, transparent),
    0 16px 34px color-mix(in srgb, var(--accent) 22%, transparent);
  --selected-control-shadow: inset 0 0 0 1px color-mix(in srgb, var(--accent) 48%, transparent);
}

body[data-hero-display="original"] {
  --hero-scrim-top: rgba(5, 5, 5, 0.08);
  --hero-scrim-bottom: rgba(7, 7, 7, 0.22);
}

body[data-hero-display="soft-blur"] .hero-panel,
body[data-hero-display="strong-blur"] .hero-panel {
  background:
    linear-gradient(180deg, var(--hero-scrim-top), var(--hero-scrim-bottom)),
    var(--card-bg-strong);
}

body[data-hero-display="soft-blur"] .hero-panel::before,
body[data-hero-display="strong-blur"] .hero-panel::before {
  display: block;
}

body[data-hero-display="soft-blur"] .hero-panel::before {
  filter: blur(1.5px);
  transform: scale(1.025);
}

body[data-hero-display="strong-blur"] {
  --hero-scrim-top: rgba(5, 5, 5, 0.28);
  --hero-scrim-bottom: rgba(7, 7, 7, 0.58);
}

body[data-hero-display="strong-blur"] .hero-panel::before {
  filter: blur(5px);
  transform: scale(1.07);
}

body[data-title-palette="default"] {
  --hero-title-neon: #ead8c0;
  --hero-title-neon-shadow:
    0 0 8px rgba(120, 246, 255, 0.92),
    0 0 18px rgba(92, 233, 255, 0.86),
    0 0 34px rgba(69, 226, 255, 0.58),
    0 0 66px rgba(69, 226, 255, 0.34);
  --hero-title-classic: #e2cfb4;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.3),
    0 0 18px rgba(200, 138, 75, 0.18);
  --hero-title-clean: #d9c2a3;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.26);
}

body[data-title-palette="white"] {
  --hero-title-neon: #ffffff;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 255, 255, 0.94),
    0 0 18px rgba(255, 255, 255, 0.72),
    0 0 34px rgba(255, 255, 255, 0.38);
  --hero-title-classic: #fffdf8;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 255, 255, 0.18);
  --hero-title-clean: #ffffff;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="ice"] {
  --hero-title-neon: #d8fbff;
  --hero-title-neon-shadow:
    0 0 8px rgba(188, 249, 255, 0.92),
    0 0 18px rgba(126, 239, 255, 0.84),
    0 0 34px rgba(82, 226, 255, 0.52);
  --hero-title-classic: #ecfbff;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(126, 239, 255, 0.16);
  --hero-title-clean: #f4fdff;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="gold"] {
  --hero-title-neon: #e7bf60;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 235, 162, 0.9),
    0 0 18px rgba(255, 206, 106, 0.82),
    0 0 34px rgba(233, 170, 57, 0.48);
  --hero-title-classic: #c89736;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 206, 106, 0.18);
  --hero-title-clean: #ab7c1f;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="amber"] {
  --hero-title-neon: #e8c34b;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 205, 132, 0.9),
    0 0 18px rgba(255, 165, 53, 0.8),
    0 0 34px rgba(238, 126, 33, 0.48);
  --hero-title-classic: #cda128;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 165, 53, 0.16);
  --hero-title-clean: #b08215;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="copper"] {
  --hero-title-neon: #e1a06a;
  --hero-title-neon-shadow:
    0 0 8px rgba(241, 184, 140, 0.88),
    0 0 18px rgba(216, 132, 78, 0.78),
    0 0 34px rgba(171, 89, 43, 0.46);
  --hero-title-classic: #e7c2a1;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(216, 132, 78, 0.15);
  --hero-title-clean: #f0dcc8;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="rose"] {
  --hero-title-neon: #e796b3;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 202, 221, 0.9),
    0 0 18px rgba(255, 138, 186, 0.78),
    0 0 34px rgba(229, 94, 148, 0.46);
  --hero-title-classic: #cd6e92;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 138, 186, 0.16);
  --hero-title-clean: #af4d71;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="ruby"] {
  --hero-title-neon: #ff8e98;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 171, 177, 0.88),
    0 0 18px rgba(255, 92, 115, 0.8),
    0 0 34px rgba(210, 54, 82, 0.48);
  --hero-title-classic: #f2c2ca;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(255, 92, 115, 0.16);
  --hero-title-clean: #ffd8de;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="violet"] {
  --hero-title-neon: #b289e5;
  --hero-title-neon-shadow:
    0 0 8px rgba(228, 201, 255, 0.9),
    0 0 18px rgba(184, 118, 255, 0.8),
    0 0 34px rgba(136, 76, 219, 0.46);
  --hero-title-classic: #9569cb;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(184, 118, 255, 0.15);
  --hero-title-clean: #7b52b0;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="indigo"] {
  --hero-title-neon: #7d98de;
  --hero-title-neon-shadow:
    0 0 8px rgba(199, 208, 255, 0.9),
    0 0 18px rgba(126, 150, 255, 0.8),
    0 0 34px rgba(81, 106, 214, 0.46);
  --hero-title-classic: #617ec9;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(126, 150, 255, 0.14);
  --hero-title-clean: #4a66ae;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="emerald"] {
  --hero-title-neon: #8ff0c3;
  --hero-title-neon-shadow:
    0 0 8px rgba(175, 248, 214, 0.9),
    0 0 18px rgba(80, 223, 157, 0.8),
    0 0 34px rgba(33, 166, 103, 0.46);
  --hero-title-classic: #cbeedc;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(80, 223, 157, 0.14);
  --hero-title-clean: #e6fff1;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="mint"] {
  --hero-title-neon: #bdf9dd;
  --hero-title-neon-shadow:
    0 0 8px rgba(212, 255, 233, 0.9),
    0 0 18px rgba(120, 238, 188, 0.78),
    0 0 34px rgba(63, 190, 138, 0.44);
  --hero-title-classic: #e0f8eb;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(120, 238, 188, 0.14);
  --hero-title-clean: #f1fff7;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="teal"] {
  --hero-title-neon: #8de8e0;
  --hero-title-neon-shadow:
    0 0 8px rgba(174, 246, 240, 0.9),
    0 0 18px rgba(77, 223, 212, 0.78),
    0 0 34px rgba(31, 170, 163, 0.46);
  --hero-title-classic: #caefeb;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(77, 223, 212, 0.14);
  --hero-title-clean: #e6fffc;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="pearl"] {
  --hero-title-neon: #fff8ef;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 255, 255, 0.82),
    0 0 18px rgba(255, 236, 210, 0.44),
    0 0 34px rgba(223, 198, 162, 0.24);
  --hero-title-classic: #fff6eb;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.26),
    0 0 18px rgba(255, 236, 210, 0.14);
  --hero-title-clean: #ffffff;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="sand"] {
  --hero-title-neon: #e7c99b;
  --hero-title-neon-shadow:
    0 0 8px rgba(244, 221, 186, 0.88),
    0 0 18px rgba(215, 181, 124, 0.76),
    0 0 34px rgba(171, 132, 79, 0.44);
  --hero-title-classic: #ead7bb;
  --hero-title-classic-shadow:
    0 2px 10px rgba(0, 0, 0, 0.28),
    0 0 18px rgba(215, 181, 124, 0.14);
  --hero-title-clean: #f4e8d5;
  --hero-title-clean-shadow: 0 4px 14px rgba(0, 0, 0, 0.24);
}

body[data-title-palette="brown"] {
  --hero-title-neon: #8f654c;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 241, 231, 0.38),
    0 0 18px rgba(138, 95, 67, 0.24),
    0 0 34px rgba(96, 60, 38, 0.18);
  --hero-title-classic: #774f39;
  --hero-title-classic-shadow:
    0 2px 10px rgba(255, 249, 243, 0.22),
    0 0 18px rgba(115, 76, 51, 0.12);
  --hero-title-clean: #5d3927;
  --hero-title-clean-shadow: 0 4px 14px rgba(255, 248, 240, 0.18);
}

body[data-title-palette="graphite"] {
  --hero-title-neon: #5b5554;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 255, 255, 0.44),
    0 0 18px rgba(91, 85, 84, 0.22),
    0 0 34px rgba(49, 45, 44, 0.16);
  --hero-title-classic: #433c3b;
  --hero-title-classic-shadow:
    0 2px 10px rgba(255, 255, 255, 0.26),
    0 0 18px rgba(67, 60, 59, 0.12);
  --hero-title-clean: #302b2a;
  --hero-title-clean-shadow: 0 4px 14px rgba(255, 255, 255, 0.2);
}

body[data-title-palette="dark-blue"] {
  --hero-title-neon: #4c689b;
  --hero-title-neon-shadow:
    0 0 8px rgba(241, 246, 255, 0.38),
    0 0 18px rgba(67, 92, 140, 0.24),
    0 0 34px rgba(38, 58, 97, 0.18);
  --hero-title-classic: #32496f;
  --hero-title-classic-shadow:
    0 2px 10px rgba(245, 248, 255, 0.22),
    0 0 18px rgba(50, 73, 111, 0.12);
  --hero-title-clean: #22344f;
  --hero-title-clean-shadow: 0 4px 14px rgba(245, 248, 255, 0.18);
}

body[data-title-palette="coal"] {
  --hero-title-neon: #39393c;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 255, 255, 0.4),
    0 0 18px rgba(57, 57, 60, 0.22),
    0 0 34px rgba(28, 28, 31, 0.16);
  --hero-title-classic: #2a2a2d;
  --hero-title-classic-shadow:
    0 2px 10px rgba(255, 255, 255, 0.24),
    0 0 18px rgba(42, 42, 45, 0.12);
  --hero-title-clean: #19191b;
  --hero-title-clean-shadow: 0 4px 14px rgba(255, 255, 255, 0.2);
}

body[data-title-palette="plum"] {
  --hero-title-neon: #6d4e66;
  --hero-title-neon-shadow:
    0 0 8px rgba(255, 245, 252, 0.38),
    0 0 18px rgba(109, 78, 102, 0.22),
    0 0 34px rgba(75, 47, 69, 0.16);
  --hero-title-classic: #573a51;
  --hero-title-classic-shadow:
    0 2px 10px rgba(255, 248, 252, 0.24),
    0 0 18px rgba(87, 58, 81, 0.12);
  --hero-title-clean: #41273c;
  --hero-title-clean-shadow: 0 4px 14px rgba(255, 247, 251, 0.2);
}

body[data-title-palette="forest"] {
  --hero-title-neon: #466355;
  --hero-title-neon-shadow:
    0 0 8px rgba(245, 255, 250, 0.38),
    0 0 18px rgba(70, 99, 85, 0.22),
    0 0 34px rgba(39, 62, 50, 0.16);
  --hero-title-classic: #345042;
  --hero-title-classic-shadow:
    0 2px 10px rgba(245, 255, 250, 0.24),
    0 0 18px rgba(52, 80, 66, 0.12);
  --hero-title-clean: #20392e;
  --hero-title-clean-shadow: 0 4px 14px rgba(245, 255, 250, 0.2);
}