:root[data-theme="blue"] {
  --accent-rgb: 37, 99, 235;
}

:root[data-theme="green"] {
  --soft-bg: #edf9f6;
  --hero-bg: #e8f8f4;
  --hero-top: #f6fdfb;
  --hero-bottom: #d9f1eb;
  --text: #163b3a;
  --muted: #5d7b79;
  --faint: #9fc5c0;
  --accent: #0e9f8e;
  --accent-2: #34bca8;
  --accent-3: #087a6e;
  --line: #c9ebe5;
  --shadow: 0 22px 52px rgba(14, 159, 142, 0.13);
  --header-bg: rgba(246, 253, 251, 0.92);
  --header-line: rgba(201, 235, 229, 0.72);
  --brand-muted: #5d7b79;
  --accent-shadow: rgba(14, 159, 142, 0.26);
  --secondary-border: #a7dcd3;
  --toggle-shadow: rgba(44, 104, 96, 0.12);
  --hero-glow: rgba(84, 211, 190, 0.2);
  --hero-fade: rgba(232, 248, 244, 0);
  --hero-dot: #bfe5dd;
  --accent-glow: rgba(14, 159, 142, 0.18);
  --card-shadow: rgba(33, 83, 77, 0.09);
  --card-shadow-hover: rgba(33, 83, 77, 0.14);
  --solution-shadow: rgba(14, 159, 142, 0.18);
  --stats-start: #edf9f6;
  --stats-end: #d6f0e9;
  --stat-label: #4d716d;
  --footer-line: #e0f0ed;
  --footer-muted: #82a6a1;
  --footer-divider: #c1ded8;
  --footer-link: #6f928d;
  --icon-muted: #789d97;
  --accent-rgb: 14, 159, 142;
}

:root[data-theme="orange"] {
  --soft-bg: #fff7f2;
  --hero-bg: #fff0e7;
  --hero-top: #fffaf7;
  --hero-bottom: #fbe3d5;
  --text: #3d2a23;
  --muted: #876f65;
  --faint: #c7aa9d;
  --accent: #ed6a3a;
  --accent-2: #f18b5f;
  --accent-3: #c84c22;
  --line: #f3d8ca;
  --shadow: 0 22px 52px rgba(237, 106, 58, 0.13);
  --header-bg: rgba(255, 250, 247, 0.92);
  --header-line: rgba(243, 216, 202, 0.72);
  --brand-muted: #876f65;
  --accent-shadow: rgba(237, 106, 58, 0.26);
  --secondary-border: #efbca5;
  --toggle-shadow: rgba(111, 72, 55, 0.12);
  --hero-glow: rgba(248, 167, 126, 0.22);
  --hero-fade: rgba(255, 240, 231, 0);
  --hero-dot: #f2c8b3;
  --accent-glow: rgba(237, 106, 58, 0.18);
  --card-shadow: rgba(100, 61, 43, 0.09);
  --card-shadow-hover: rgba(100, 61, 43, 0.14);
  --solution-shadow: rgba(237, 106, 58, 0.18);
  --stats-start: #fff7f2;
  --stats-end: #fbe6db;
  --stat-label: #806358;
  --footer-line: #f4e4dc;
  --footer-muted: #ae9185;
  --footer-divider: #e5c9bc;
  --footer-link: #96786d;
  --icon-muted: #a58477;
  --accent-rgb: 237, 106, 58;
}