:root,
        [data-theme="forest"] {
            --bg: #eef7ef;
            --bg-2: #d8ecdf;
            --card: rgba(255, 255, 255, 0.72);
            --card-strong: rgba(255, 255, 255, 0.9);
            --text: #19342a;
            --muted: #5e796d;
            --primary: #3f8c67;
            --primary-2: #8dc9a6;
            --accent: #fff8d6;
            --danger: #9e584f;
            --shadow: 0 20px 60px rgba(26, 64, 44, 0.16);
            --ring: rgba(63, 140, 103, 0.28);
            --track: rgba(63, 140, 103, 0.16);
            --dot: #ffffff;
            --dot-core: #55b982;
            --theme-bg-image: url("../images/background/forest-bg.png");
            --theme-overlay: rgba(255, 253, 246, 0.72);
            --theme-glow: rgba(197, 231, 189, 0.32);
        }

        [data-theme="night"] {
            --bg: #08111f;
            --bg-2: #17243b;
            --card: rgba(20, 31, 50, 0.74);
            --card-strong: rgba(25, 39, 62, 0.92);
            --text: #edf6ff;
            --muted: #a8bad1;
            --primary: #78aee8;
            --primary-2: #9ad4ff;
            --accent: #253b5c;
            --danger: #ffc2b7;
            --shadow: 0 20px 70px rgba(0, 0, 0, 0.32);
            --ring: rgba(120, 174, 232, 0.28);
            --track: rgba(154, 212, 255, 0.18);
            --dot: #ffffff;
            --dot-core: #93c8ff;
            --theme-bg-image: url("../images/background/night-bg.png");
            --theme-overlay: rgba(8, 17, 31, 0.58);
            --theme-glow: rgba(106, 151, 217, 0.2);
        }

        [data-theme="minimal"] {
            --bg: #f7f2e9;
            --bg-2: #ebe1d1;
            --card: rgba(255, 253, 248, 0.76);
            --card-strong: rgba(255, 253, 248, 0.94);
            --text: #332b22;
            --muted: #786b5e;
            --primary: #9a7451;
            --primary-2: #caa889;
            --accent: #fff4d9;
            --danger: #8c4a44;
            --shadow: 0 20px 60px rgba(95, 67, 42, 0.14);
            --ring: rgba(154, 116, 81, 0.24);
            --track: rgba(154, 116, 81, 0.14);
            --dot: #ffffff;
            --dot-core: #b8895f;
            --theme-bg-image: url("../images/background/minimal-bg.png");
            --theme-overlay: rgba(255, 252, 244, 0.74);
            --theme-glow: rgba(214, 184, 139, 0.2);
        }

        [data-theme="beach"] {
            --bg: #eef9f5;
            --bg-2: #d8f1ea;
            --card: rgba(255, 255, 250, 0.76);
            --card-strong: rgba(255, 255, 250, 0.94);
            --text: #173c36;
            --muted: #5b7972;
            --primary: #2c8f84;
            --primary-2: #76cbbd;
            --accent: #fff0c9;
            --danger: #a85247;
            --shadow: 0 20px 60px rgba(32, 104, 94, 0.14);
            --ring: rgba(44, 143, 132, 0.24);
            --track: rgba(44, 143, 132, 0.14);
            --dot: #ffffff;
            --dot-core: #56b8ad;
            --theme-bg-image: url("../images/background/beach-bg.png");
            --theme-overlay: rgba(247, 255, 251, 0.66);
            --theme-glow: rgba(117, 203, 189, 0.24);
        }

        [data-theme="sunset"] {
            --bg: #fff4e8;
            --bg-2: #ffe0c8;
            --card: rgba(255, 252, 246, 0.76);
            --card-strong: rgba(255, 252, 246, 0.94);
            --text: #3d2b1e;
            --muted: #806a59;
            --primary: #d97831;
            --primary-2: #f2b26e;
            --accent: #fff1c9;
            --danger: #9a4c43;
            --shadow: 0 20px 60px rgba(153, 91, 41, 0.14);
            --ring: rgba(217, 120, 49, 0.24);
            --track: rgba(217, 120, 49, 0.14);
            --dot: #ffffff;
            --dot-core: #ea9651;
            --theme-bg-image: url("../images/background/sunset-bg.png");
            --theme-overlay: rgba(255, 246, 235, 0.66);
            --theme-glow: rgba(242, 178, 110, 0.26);
        }