:root {
    /* テーマカラー */

    --color-ui-h: 236.31;
    --color-ui-c: 0.145;

    --color-main: oklch(0.7513 0.145 236.31);
    --color-accent: oklch(0.8108 0.1098 236.61);
    --color-base: oklch(0.9724 0.0137 247.97);

    --color-main-50: oklch(0.7513 0.145 236.31 / 0.5);
    --color-accent-50: oklch(0.8108 0.1098 236.61 / 0.5);
    --color-base-50: oklch(0.9724 0.0137 247.97 / 0.5);


    /* グレースケール */
    --gray-l-0: 1.000;
    --gray-l-1: 0.985;
    --gray-l-2: 0.970;
    --gray-l-3: 0.940;
    --gray-l-4: 0.900;
    --gray-l-5: 0.820;
    --gray-l-6: 0.740;
    --gray-l-7: 0.600;
    --gray-l-8: 0.480;
    --gray-l-9: 0.420;
    --gray-l-10: 0.321;
    --gray-l-11: 0.220;
    --gray-l-12: 0.150;
    --gray-l-13: 0.080;
    --gray-l-14: 0.030;
    --gray-l-15: 0.000;

    /* 彩度変数 */
    --c-muted: 0.05;
    --c-soft: 0.125;
    --c-normal: 0.165;
    --c-strong: 0.20;
    --c-vivid: 0.24;

    /* モノクロ */
    --color-white: oklch(var(--gray-l-0) 0 0);
    --color-gray-1: oklch(var(--gray-l-1) 0 0);
    --color-gray-2: oklch(var(--gray-l-2) 0 0);
    --color-gray-3: oklch(var(--gray-l-3) 0 0);
    --color-gray-4: oklch(var(--gray-l-4) 0 0);
    --color-gray-5: oklch(var(--gray-l-5) 0 0);
    --color-gray-6: oklch(var(--gray-l-6) 0 0);
    --color-gray-7: oklch(var(--gray-l-7) 0 0);
    --color-gray-8: oklch(var(--gray-l-8) 0 0);
    --color-gray-9: oklch(var(--gray-l-9) 0 0);
    --color-gray-10: oklch(var(--gray-l-10) 0 0);
    --color-gray-11: oklch(var(--gray-l-11) 0 0);
    --color-gray-12: oklch(var(--gray-l-12) 0 0);
    --color-gray-13: oklch(var(--gray-l-13) 0 0);
    --color-gray-14: oklch(var(--gray-l-14) 0 0);
    --color-black: oklch(var(--gray-l-15) 0 0);

    /* テーマカラー(グレースケール) */
    --theme-lightest: oklch(var(--gray-l-1) var(--c-muted) var(--color-ui-h));
    --theme-lighter: oklch(var(--gray-l-2) var(--c-muted) var(--color-ui-h));
    --theme-light: oklch(var(--gray-l-3) var(--c-soft) var(--color-ui-h));
    --theme-light-lighter: oklch(var(--gray-l-4) var(--c-normal) var(--color-ui-h));
    --theme-base: oklch(var(--gray-l-5) var(--c-normal) var(--color-ui-h));
    --theme-dark-lighter: oklch(var(--gray-l-6) var(--c-normal) var(--color-ui-h));
    --theme-dark: oklch(var(--gray-l-7) var(--c-strong) var(--color-ui-h));
    --theme-dark-lighter: oklch(var(--gray-l-8) var(--c-strong) var(--color-ui-h));
    --theme-dark-normal: oklch(var(--gray-l-9) var(--c-strong) var(--color-ui-h));
    --theme-dark-strong: oklch(var(--gray-l-10) var(--c-strong) var(--color-ui-h));
    --theme-dark-vivid: oklch(var(--gray-l-11) var(--c-strong) var(--color-ui-h));
    --theme-dark-darker: oklch(var(--gray-l-12) var(--c-strong) var(--color-ui-h));
    --theme-dark-darkest: oklch(var(--gray-l-13) var(--c-strong) var(--color-ui-h));
    --theme-dark-darkestest: oklch(var(--gray-l-14) var(--c-strong) var(--color-ui-h));



    /* グラデーション */
    --bg-gradient-start: var(--color-main);
    --bg-gradient-end: var(--color-base);

    /* ナビゲーション背景色 */
    --nav-bg: var(--color-white);
    --nav-active-bg: oklch(0.646 0.1423 253.92 / 0.1);

    /* テキスト色 */
    --text-primary: oklch(var(--gray-l-10) 0 0);
    --text-secondary: oklch(var(--gray-l-5) 0.02 var(--color-ui-h));
    --text-light: oklch(var(--gray-l-1) 0 0);
    --text-muted: oklch(var(--gray-l-7) 0 0);



    /* アクセント色 */

    --l-text: var(--gray-l-3);
    --c-text: 0.05;
    --l-accent: var(--gray-l-7);
    --c-accent: 0.24;
    --l-bg: var(--gray-l-9);
    --c-bg: 0.03;


    --red-h: 28;
    --vermilion-h: 35;
    --orange-h: 55;
    --yellow-h: 95;
    --yellowgreen-h: 120;
    --green-h: 145;
    --teal-h: 170;
    --cyan-h: 205;
    --blue-h: 235;
    --navy-h: 260;
    --purple-h: 285;
    --magenta-h: 320;
    --pink-h: 335;
    --rose-h: 355;



    /* カラーパレット */



}

:root[data-theme="sunset-heat"] {
    --sunset_navy: oklch(0.22 0.05 265);
    --sunset_smoke: oklch(0.45 0.03 255);
    --sunset_gray: oklch(0.70 0.03 250);
    --sunset_light: oklch(0.94 0.02 245);
    --sunset_orange-red: oklch(0.68 0.22 38);
    --sunset_deep-red: oklch(0.56 0.24 24);
}

:root[data-theme="deep-ocean"] {
    --ocean_abyss: oklch(0.20 0.07 258);
    --ocean_deep-blue: oklch(0.30 0.10 252);
    --ocean_navy: oklch(0.42 0.12 248);
    --ocean_blue: oklch(0.58 0.14 238);
    --ocean_cyan: oklch(0.74 0.12 215);
    --ocean_light: oklch(0.90 0.05 205);
}

:root[data-theme="forest-earth"] {
    --forest_pine: oklch(0.28 0.07 145);
    --forest_dark-green: oklch(0.38 0.08 140);
    --forest_olive: oklch(0.52 0.08 125);
    --forest_brown: oklch(0.50 0.11 55);
    --forest_sand: oklch(0.76 0.09 78);
    --forest_light: oklch(0.93 0.03 102);
}

:root[data-theme="cyber-punch"] {
    --cyber_black: oklch(0.10 0.00 0);
    --cyber_cyan: oklch(0.90 0.20 200);
    --cyber_magenta: oklch(0.80 0.28 330);
    --cyber_purple: oklch(0.65 0.22 300);
    --cyber_deep-purple: oklch(0.40 0.18 290);
}

:root[data-theme="vintage-soft"] {
    --vintage_mauve: oklch(0.48 0.05 305);
    --vintage_gray-purple: oklch(0.58 0.04 295);
    --vintage_dusty-pink: oklch(0.68 0.07 12);
    --vintage_rose: oklch(0.74 0.09 20);
    --vintage_peach: oklch(0.84 0.08 34);
    --vintage_soft-pink: oklch(0.91 0.04 24);
}

:root[data-theme="tropical-vivid"] {
    --tropical_dark-blue: oklch(0.35 0.10 220);
    --tropical_blue: oklch(0.55 0.14 230);
    --tropical_green: oklch(0.75 0.18 160);
    --tropical_yellow: oklch(0.85 0.15 100);
    --tropical_pink: oklch(0.70 0.22 350);
}

:root[data-theme="mono-contrast"] {
    --mono_black: oklch(0.10 0 0);
    --mono_dark-gray: oklch(0.35 0 0);
    --mono_gray: oklch(0.55 0 0);
    --mono_light-gray: oklch(0.75 0 0);
    --mono_white: oklch(0.98 0 0);
}

:root[data-theme="royal-deep"] {
    --royal_black-purple: oklch(0.20 0.08 300);
    --royal_dark-purple: oklch(0.30 0.12 300);
    --royal_purple: oklch(0.50 0.18 295);
    --royal_violet: oklch(0.65 0.22 290);
    --royal_light-purple: oklch(0.85 0.10 280);
}

:root[data-theme="fire-energy"] {
    --fire_dark: oklch(0.20 0.10 20);
    --fire_wine: oklch(0.35 0.18 20);
    --fire_red: oklch(0.55 0.25 25);
    --fire_orange: oklch(0.70 0.25 40);
    --fire_yellow: oklch(0.85 0.20 90);
}

:root[data-theme="ice-clean"] {
    --ice_navy: oklch(0.35 0.08 250);
    --ice_blue: oklch(0.55 0.10 240);
    --ice_light-blue: oklch(0.75 0.08 220);
    --ice_off-white: oklch(0.95 0.02 200);
    --ice_pale: oklch(0.90 0.03 210);
}

:root[data-theme="urban-night"] {
    --urban_black: oklch(0.10 0.01 0);
    --urban_graphite: oklch(0.24 0.01 260);
    --urban_gray: oklch(0.38 0.01 250);
    --urban_burgundy: oklch(0.36 0.11 14);
    --urban_wine: oklch(0.46 0.16 355);
    --urban_red: oklch(0.58 0.20 18);
}

:root[data-theme="sand-warm"] {
    --sand_brown: oklch(0.45 0.10 50);
    --sand_beige: oklch(0.65 0.08 70);
    --sand_light-brown: oklch(0.75 0.07 75);
    --sand_cream: oklch(0.85 0.05 80);
    --sand_off-white: oklch(0.92 0.03 90);
}

:root[data-theme="mint-fresh"] {
    --mint_dark-green: oklch(0.35 0.08 150);
    --mint_green: oklch(0.50 0.10 150);
    --mint_mid: oklch(0.65 0.12 150);
    --mint_light: oklch(0.75 0.10 150);
    --mint_pale: oklch(0.90 0.05 150);
}

:root[data-theme="neon-night"] {
    --neon_black: oklch(0.10 0 0);
    --neon_cyan: oklch(0.90 0.22 200);
    --neon_magenta: oklch(0.85 0.30 330);
    --neon_yellow: oklch(0.95 0.20 100);
    --neon_white: oklch(0.98 0 0);
}

:root[data-theme="berry-pop"] {
    --berry_dark: oklch(0.30 0.12 350);
    --berry_wine: oklch(0.40 0.16 350);
    --berry_red: oklch(0.50 0.20 0);
    --berry_pink: oklch(0.60 0.22 350);
    --berry_light: oklch(0.70 0.18 10);
}

:root[data-theme="daily"] {
    --daily_brown: oklch(0.45 0.08 40);
    --daily_blue: oklch(0.55 0.10 250);
    --daily_light-blue: oklch(0.85 0.06 246);
    --daily_pink: oklch(0.87 0.06 15.54);
    --daily_green: oklch(0.88 0.11 119.5);
    --daily_light: oklch(0.96 0.06 102.39);
}

:root[data-theme="american-retro"] {
    --retro_black: oklch(0.12 0 0);
    --retro_red: oklch(0.48 0.21 18);
    --retro_blue: oklch(0.38 0.11 252);
    --retro_beige: oklch(0.72 0.08 75);
    --retro_camel: oklch(0.80 0.07 85);
    --retro_light: oklch(0.90 0.03 92);
}

:root[data-theme="pink-water"] {
    --pw_blue: oklch(0.56 0.14 240);
    --pw_cyan: oklch(0.74 0.10 220);
    --pw_pink: oklch(0.76 0.11 10);
    --pw_soft: oklch(0.84 0.06 12);
    --pw_light: oklch(0.90 0.04 92);
    --pw_white: oklch(0.95 0.01 95);
}

:root[data-theme="retro-girl"] {
    --rg_brown: oklch(0.34 0.08 35);
    --rg_orange: oklch(0.62 0.14 55);
    --rg_blue: oklch(0.42 0.11 238);
    --rg_green: oklch(0.72 0.09 118);
    --rg_pink: oklch(0.82 0.08 14);
    --rg_soft: oklch(0.90 0.02 95);
}

:root[data-theme="rock-roll"] {
    --rock_black: oklch(0.10 0 0);
    --rock_blue: oklch(0.22 0.08 248);
    --rock_purple: oklch(0.40 0.17 285);
    --rock_red: oklch(0.52 0.22 22);
    --rock_gray: oklch(0.66 0.00 0);
    --rock_light: oklch(0.92 0.00 0);
}

:root[data-theme="tangerine"] {
    --tan_black: oklch(0.12 0 0);
    --tan_red: oklch(0.52 0.24 24);
    --tan_yellow: oklch(0.88 0.20 100);
    --tan_orange: oklch(0.74 0.22 52);
    --tan_purple: oklch(0.46 0.18 298);
    --tan_soft: oklch(0.93 0.03 92);
}

:root[data-theme="dream-unicorn"] {
    --du_purple: oklch(0.68 0.16 292);
    --du_pink: oklch(0.84 0.07 8);
    --du_cyan: oklch(0.82 0.06 220);
    --du_mint: oklch(0.80 0.07 160);
    --du_soft: oklch(0.92 0.03 205);
    --du_white: oklch(0.96 0.01 95);
}

:root[data-theme="vivid-pop"] {
    --vp_red: oklch(0.58 0.27 22);
    --vp_yellow: oklch(0.90 0.23 99);
    --vp_blue: oklch(0.50 0.15 240);
    --vp_green: oklch(0.72 0.18 135);
    --vp_pink: oklch(0.68 0.22 350);
    --vp_soft: oklch(0.92 0.03 95);
}

:root[data-theme="lavender-colon"] {
    --lav_dark: oklch(0.42 0.11 288);
    --lav_mid: oklch(0.58 0.09 292);
    --lav_light: oklch(0.78 0.07 300);
    --lav_pink: oklch(0.86 0.04 8);
    --lav_green: oklch(0.78 0.07 110);
    --lav_soft: oklch(0.92 0.03 92);
}

:root[data-theme="adult-cute"] {
    --ac_wine: oklch(0.40 0.14 346);
    --ac_pink: oklch(0.60 0.10 345);
    --ac_mauve: oklch(0.72 0.05 350);
    --ac_blue: oklch(0.54 0.08 240);
    --ac_sage: oklch(0.64 0.05 165);
    --ac_beige: oklch(0.88 0.03 85);
}

:root[data-theme="border-marine"] {
    --bm_red: oklch(0.55 0.25 23);
    --bm_white: oklch(0.96 0.00 0);
    --bm_pale: oklch(0.88 0.02 240);
    --bm_blue: oklch(0.44 0.12 248);
    --bm_navy: oklch(0.28 0.08 248);
    --bm_black: oklch(0.10 0.00 0);
}

:root[data-theme="sports-neon"] {
    --sn_pink: oklch(0.68 0.24 350);
    --sn_yellow: oklch(0.86 0.18 95);
    --sn_cyan: oklch(0.72 0.14 205);
    --sn_blue: oklch(0.58 0.11 245);
    --sn_navy: oklch(0.24 0.07 245);
    --sn_gray: oklch(0.84 0.01 0);
}

:root[data-theme="cool-blue"] {
    --cb_black: oklch(0.12 0 0);
    --cb_navy: oklch(0.26 0.07 248);
    --cb_blue: oklch(0.46 0.11 235);
    --cb_cyan: oklch(0.62 0.10 215);
    --cb_light: oklch(0.82 0.04 220);
    --cb_gray: oklch(0.70 0.01 200);
}

:root[data-theme="coffee-break"] {
    --coffee_dark: oklch(0.28 0.06 28);
    --coffee_brown: oklch(0.40 0.08 35);
    --coffee_beige: oklch(0.68 0.07 72);
    --coffee_moss: oklch(0.36 0.07 155);
    --coffee_sand: oklch(0.82 0.06 85);
    --coffee_light: oklch(0.90 0.03 90);
}

:root[data-theme="imp-pink"] {
    --imp_black: oklch(0.10 0 0);
    --imp_pink: oklch(0.62 0.24 350);
    --imp_wine: oklch(0.44 0.17 348);
    --imp_orange: oklch(0.64 0.18 38);
    --imp_yellow: oklch(0.86 0.19 92);
    --imp_soft: oklch(0.94 0.02 90);
}

:root[data-theme="wild-beast"] {
    --wb_brown: oklch(0.24 0.08 55);
    --wb_dark: oklch(0.38 0.06 35);
    --wb_yellow: oklch(0.80 0.19 92);
    --wb_olive: oklch(0.44 0.08 105);
    --wb_green: oklch(0.52 0.09 125);
    --wb_orange: oklch(0.60 0.18 45);
}

:root[data-theme="tea-time"] {
    --tea_red: oklch(0.58 0.15 20);
    --tea_orange: oklch(0.74 0.13 50);
    --tea_peach: oklch(0.82 0.08 55);
    --tea_beige: oklch(0.86 0.05 82);
    --tea_green: oklch(0.78 0.08 118);
    --tea_light: oklch(0.93 0.03 92);
}

:root[data-theme="strawberry-whip"] {
    --sw_red: oklch(0.62 0.20 20);
    --sw_pink: oklch(0.74 0.12 12);
    --sw_soft-pink: oklch(0.84 0.07 10);
    --sw_cream: oklch(0.90 0.05 90);
    --sw_yellow: oklch(0.88 0.13 100);
    --sw_mint: oklch(0.82 0.07 158);
}

:root[data-theme="gothic-rose"] {
    --gr_black: oklch(0.10 0 0);
    --gr_charcoal: oklch(0.22 0.01 0);
    --gr_dark-red: oklch(0.34 0.12 20);
    --gr_rose: oklch(0.48 0.14 10);
    --gr_green: oklch(0.36 0.06 155);
    --gr_gray: oklch(0.90 0.01 220);
}

:root[data-theme="ruins"] {
    --ru_brown: oklch(0.24 0.06 38);
    --ru_dark-olive: oklch(0.36 0.05 85);
    --ru_olive: oklch(0.50 0.05 90);
    --ru_beige: oklch(0.66 0.05 78);
    --ru_light: oklch(0.80 0.03 80);
    --ru_pale: oklch(0.90 0.02 90);
}

:root[data-theme="sorbet"] {
    --sorbet_pink: oklch(0.72 0.14 14);
    --sorbet_soft-pink: oklch(0.84 0.08 15);
    --sorbet_brown: oklch(0.36 0.07 35);
    --sorbet_olive: oklch(0.54 0.07 88);
    --sorbet_light-blue: oklch(0.82 0.05 220);
    --sorbet_soft: oklch(0.92 0.02 320);
}

:root[data-theme="matcha-sweets"] {
    --matcha_green: oklch(0.42 0.09 132);
    --matcha_olive: oklch(0.60 0.08 102);
    --matcha_yellow: oklch(0.74 0.10 95);
    --matcha_brown: oklch(0.30 0.07 35);
    --matcha_cream: oklch(0.84 0.04 85);
    --matcha_pink: oklch(0.88 0.05 18);
}

:root[data-theme="mix-berry"] {
    --berry_red: oklch(0.48 0.23 18);
    --berry_pink: oklch(0.60 0.25 352);
    --berry_lime: oklch(0.78 0.20 110);
    --berry_green: oklch(0.62 0.16 120);
    --berry_blue: oklch(0.34 0.11 245);
    --berry_soft: oklch(0.90 0.03 340);
}

:root[data-theme="citrus-cider"] {
    --citrus_orange: oklch(0.74 0.20 50);
    --citrus_yellow: oklch(0.88 0.20 102);
    --citrus_light: oklch(0.94 0.05 100);
    --citrus_cream: oklch(0.92 0.04 92);
    --citrus_green: oklch(0.76 0.16 118);
    --citrus_lime: oklch(0.80 0.18 126);
}

:root[data-theme="authentic-spice"] {
    --spice_red: oklch(0.48 0.21 18);
    --spice_orange: oklch(0.64 0.20 38);
    --spice_yellow: oklch(0.80 0.17 88);
    --spice_brown: oklch(0.36 0.09 35);
    --spice_green: oklch(0.42 0.07 115);
    --spice_olive: oklch(0.64 0.11 95);
}

:root[data-theme="earth-color"] {
    --earth_dark: oklch(0.30 0.07 30);
    --earth_brown: oklch(0.42 0.09 36);
    --earth_orange: oklch(0.56 0.13 46);
    --earth_beige: oklch(0.72 0.08 68);
    --earth_sand: oklch(0.82 0.06 76);
    --earth_light: oklch(0.90 0.03 84);
}

:root[data-theme="forest-spirit"] {
    --fs_dark-green: oklch(0.22 0.07 132);
    --fs_olive: oklch(0.44 0.08 100);
    --fs_green: oklch(0.62 0.09 120);
    --fs_light-green: oklch(0.76 0.08 115);
    --fs_beige: oklch(0.74 0.05 78);
    --fs_brown: oklch(0.40 0.07 35);
}

:root[data-theme="slow-life"] {
    --slow_brown: oklch(0.42 0.07 35);
    --slow_pink: oklch(0.66 0.08 10);
    --slow_green: oklch(0.72 0.08 110);
    --slow_blue: oklch(0.74 0.06 220);
    --slow_beige: oklch(0.84 0.04 80);
    --slow_soft: oklch(0.90 0.02 20);
}

:root[data-theme="summer-fun"] {
    --summer_blue: oklch(0.62 0.13 238);
    --summer_cyan: oklch(0.78 0.11 205);
    --summer_yellow: oklch(0.90 0.22 100);
    --summer_orange: oklch(0.78 0.21 52);
    --summer_light: oklch(0.88 0.05 92);
    --summer_sand: oklch(0.76 0.10 72);
}

:root[data-theme="handmade-muffler"] {
    --hm_red: oklch(0.58 0.17 22);
    --hm_yellow: oklch(0.84 0.15 92);
    --hm_green: oklch(0.56 0.08 110);
    --hm_pink: oklch(0.72 0.09 14);
    --hm_brown: oklch(0.52 0.07 35);
    --hm_beige: oklch(0.88 0.03 82);
}

:root[data-theme="chocolate-gift"] {
    --choco_dark: oklch(0.22 0.07 30);
    --choco_beige: oklch(0.88 0.04 88);
    --choco_pink: oklch(0.76 0.08 12);
    --choco_coral: oklch(0.70 0.12 20);
    --choco_orange: oklch(0.62 0.13 42);
    --choco_brown: oklch(0.42 0.09 35);
}

:root[data-theme="botanical"] {
    --bot_dark-green: oklch(0.26 0.08 132);
    --bot_green: oklch(0.46 0.11 128);
    --bot_yellow-green: oklch(0.74 0.14 108);
    --bot_light: oklch(0.90 0.04 92);
    --bot_deep: oklch(0.38 0.09 150);
    --bot_forest: oklch(0.30 0.10 145);
}

:root[data-theme="nightmare"] {
    --nm_black: oklch(0.08 0 0);
    --nm_red: oklch(0.42 0.22 18);
    --nm_blue: oklch(0.28 0.10 240);
    --nm_purple: oklch(0.36 0.14 282);
    --nm_crimson: oklch(0.48 0.25 8);
    --nm_blood: oklch(0.55 0.28 15);
}

:root[data-theme="cyberpunk"] {
    --cp_black: oklch(0.08 0 0);
    --cp_cyan: oklch(0.72 0.14 180);
    --cp_yellow: oklch(0.86 0.23 100);
    --cp_blue: oklch(0.38 0.11 238);
    --cp_white: oklch(0.92 0.02 220);
    --cp_gray: oklch(0.54 0.01 210);
}

:root[data-theme="azalea-yellow"] {
    --ay_yellow: oklch(0.90 0.22 100);
    --ay_light-yellow: oklch(0.94 0.10 102);
    --ay_cream: oklch(0.92 0.04 90);
    --ay_pink: oklch(0.80 0.08 12);
    --ay_orange: oklch(0.78 0.15 58);
    --ay_green: oklch(0.80 0.13 110);
}

:root[data-theme="choco-mint"] {
    --cm_mint: oklch(0.82 0.08 160);
    --cm_brown: oklch(0.44 0.08 40);
    --cm_dark: oklch(0.28 0.06 35);
    --cm_cream: oklch(0.84 0.05 86);
    --cm_blue: oklch(0.76 0.08 215);
    --cm_cyan: oklch(0.72 0.12 200);
}

:root[data-theme="aurora-glow"] {
    --ag_midnight: oklch(0.20 0.04 265);
    --ag_deep-blue: oklch(0.35 0.10 245);
    --ag_aurora-cyan: oklch(0.68 0.15 210);
    --ag_lime: oklch(0.82 0.18 130);
    --ag_pink: oklch(0.72 0.16 350);
    --ag_soft-light: oklch(0.92 0.03 220);
}

:root[data-theme="desert-sunset"] {
    --ds_night-brown: oklch(0.26 0.07 35);
    --ds_terracotta: oklch(0.48 0.16 35);
    --ds_sand: oklch(0.74 0.10 75);
    --ds_apricot: oklch(0.78 0.16 55);
    --ds_sun-glow: oklch(0.88 0.17 95);
    --ds_warm-cream: oklch(0.94 0.04 90);
}

:root[data-theme="fjord-mist"] {
    --fm_deep-navy: oklch(0.22 0.06 250);
    --fm_steel-blue: oklch(0.42 0.08 235);
    --fm_mist-cyan: oklch(0.68 0.09 215);
    --fm_sage: oklch(0.74 0.08 155);
    --fm_stone: oklch(0.62 0.02 250);
    --fm_frost: oklch(0.95 0.02 220);
}

:root[data-theme="sakura-haze"] {
    --sh_plum: oklch(0.32 0.10 350);
    --sh_sakura: oklch(0.76 0.10 8);
    --sh_blush: oklch(0.86 0.06 12);
    --sh_matcha: oklch(0.68 0.07 125);
    --sh_mist: oklch(0.90 0.03 245);
    --sh_cream: oklch(0.96 0.02 88);
}

:root[data-theme="moonlit-jade"] {
    --mj_ink: oklch(0.16 0.03 180);
    --mj_deep-jade: oklch(0.30 0.09 165);
    --mj_jade: oklch(0.52 0.12 165);
    --mj_moon-gold: oklch(0.76 0.12 88);
    --mj_fog: oklch(0.78 0.04 175);
    --mj_ivory: oklch(0.94 0.02 95);
}

:root[data-theme="mediterranean-breeze"] {
    --mb_navy: oklch(0.28 0.09 245);
    --mb_azure: oklch(0.56 0.16 235);
    --mb_aqua: oklch(0.76 0.11 205);
    --mb_terracotta: oklch(0.62 0.16 38);
    --mb_sand: oklch(0.82 0.07 78);
    --mb_white: oklch(0.97 0.01 220);
}

:root[data-theme="champagne-noir"] {
    --cn_noir: oklch(0.13 0.01 50);
    --cn_charcoal: oklch(0.28 0.02 55);
    --cn_antique-gold: oklch(0.60 0.10 78);
    --cn_champagne: oklch(0.82 0.07 85);
    --cn_dusty-rose: oklch(0.68 0.07 18);
    --cn_ivory: oklch(0.95 0.02 90);
}