/* ============================================================
   theme.css — CSS estático do UseCloud
   Cacheado long-term, cache-bust via ?v=<mtime> em base_menu.html
   ============================================================ */

:root {
    --color-red-50: oklch(0.971 0.013 17.38);
    --color-red-100: oklch(0.936 0.032 17.717);
    --color-red-200: oklch(0.885 0.062 18.334);
    --color-red-300: oklch(0.808 0.114 19.571);
    --color-red-400: oklch(0.704 0.191 22.216);
    --color-red-500: oklch(0.637 0.237 25.331);
    --color-red-600: oklch(0.577 0.245 27.325);
    --color-red-700: oklch(0.505 0.213 27.518);
    --color-red-800: oklch(0.444 0.177 26.899);
    --color-red-900: oklch(0.396 0.141 25.723);
    --color-red-950: oklch(0.258 0.092 26.042);
    --color-orange-50: oklch(0.98 0.016 73.684);
    --color-orange-100: oklch(0.954 0.038 75.164);
    --color-orange-200: oklch(0.901 0.076 70.697);
    --color-orange-300: oklch(0.837 0.128 66.29);
    --color-orange-400: oklch(0.75 0.183 55.934);
    --color-orange-500: oklch(0.705 0.213 47.604);
    --color-orange-600: oklch(0.646 0.222 41.116);
    --color-orange-700: oklch(0.553 0.195 38.402);
    --color-orange-800: oklch(0.47 0.157 37.304);
    --color-orange-900: oklch(0.408 0.123 38.172);
    --color-orange-950: oklch(0.266 0.079 36.259);
    --color-amber-50: oklch(0.987 0.022 95.277);
    --color-amber-100: oklch(0.962 0.059 95.617);
    --color-amber-200: oklch(0.924 0.12 95.746);
    --color-amber-300: oklch(0.879 0.169 91.605);
    --color-amber-400: oklch(0.828 0.189 84.429);
    --color-amber-500: oklch(0.769 0.188 70.08);
    --color-amber-600: oklch(0.666 0.179 58.318);
    --color-amber-700: oklch(0.555 0.163 48.998);
    --color-amber-800: oklch(0.473 0.137 46.201);
    --color-amber-900: oklch(0.414 0.112 45.904);
    --color-amber-950: oklch(0.279 0.077 45.635);
    --color-yellow-50: oklch(0.987 0.026 102.212);
    --color-yellow-100: oklch(0.973 0.071 103.193);
    --color-yellow-200: oklch(0.945 0.129 101.54);
    --color-yellow-300: oklch(0.905 0.182 98.111);
    --color-yellow-400: oklch(0.852 0.199 91.936);
    --color-yellow-500: oklch(0.795 0.184 86.047);
    --color-yellow-600: oklch(0.681 0.162 75.834);
    --color-yellow-700: oklch(0.554 0.135 66.442);
    --color-yellow-800: oklch(0.476 0.114 61.907);
    --color-yellow-900: oklch(0.421 0.095 57.708);
    --color-yellow-950: oklch(0.286 0.066 53.813);
    --color-lime-50: oklch(0.986 0.031 120.757);
    --color-lime-100: oklch(0.967 0.067 122.328);
    --color-lime-200: oklch(0.938 0.127 124.321);
    --color-lime-300: oklch(0.897 0.196 126.665);
    --color-lime-400: oklch(0.841 0.238 128.85);
    --color-lime-500: oklch(0.768 0.233 130.85);
    --color-lime-600: oklch(0.648 0.2 131.684);
    --color-lime-700: oklch(0.532 0.157 131.589);
    --color-lime-800: oklch(0.453 0.124 130.933);
    --color-lime-900: oklch(0.405 0.101 131.063);
    --color-lime-950: oklch(0.274 0.072 132.109);
    --color-green-50: oklch(0.982 0.018 155.826);
    --color-green-100: oklch(0.962 0.044 156.743);
    --color-green-200: oklch(0.925 0.084 155.995);
    --color-green-300: oklch(0.871 0.15 154.449);
    --color-green-400: oklch(0.792 0.209 151.711);
    --color-green-500: oklch(0.723 0.219 149.579);
    --color-green-600: oklch(0.627 0.194 149.214);
    --color-green-700: oklch(0.527 0.154 150.069);
    --color-green-800: oklch(0.448 0.119 151.328);
    --color-green-900: oklch(0.393 0.095 152.535);
    --color-green-950: oklch(0.266 0.065 152.934);
    --color-emerald-50: oklch(0.979 0.021 166.113);
    --color-emerald-100: oklch(0.95 0.052 163.051);
    --color-emerald-200: oklch(0.905 0.093 164.15);
    --color-emerald-300: oklch(0.845 0.143 164.978);
    --color-emerald-400: oklch(0.765 0.177 163.223);
    --color-emerald-500: oklch(0.696 0.17 162.48);
    --color-emerald-600: oklch(0.596 0.145 163.225);
    --color-emerald-700: oklch(0.508 0.118 165.612);
    --color-emerald-800: oklch(0.432 0.095 166.913);
    --color-emerald-900: oklch(0.378 0.077 168.94);
    --color-emerald-950: oklch(0.262 0.051 172.552);
    --color-teal-50: oklch(0.984 0.014 180.72);
    --color-teal-100: oklch(0.953 0.051 180.801);
    --color-teal-200: oklch(0.91 0.096 180.426);
    --color-teal-300: oklch(0.855 0.138 181.071);
    --color-teal-400: oklch(0.777 0.152 181.912);
    --color-teal-500: oklch(0.704 0.14 182.503);
    --color-teal-600: oklch(0.6 0.118 184.704);
    --color-teal-700: oklch(0.511 0.096 186.391);
    --color-teal-800: oklch(0.437 0.078 188.216);
    --color-teal-900: oklch(0.386 0.063 188.416);
    --color-teal-950: oklch(0.277 0.046 192.524);
    --color-cyan-50: oklch(0.984 0.019 200.873);
    --color-cyan-100: oklch(0.956 0.045 203.388);
    --color-cyan-200: oklch(0.917 0.08 205.041);
    --color-cyan-300: oklch(0.865 0.127 207.078);
    --color-cyan-400: oklch(0.789 0.154 211.53);
    --color-cyan-500: oklch(0.715 0.143 215.221);
    --color-cyan-600: oklch(0.609 0.126 221.723);
    --color-cyan-700: oklch(0.52 0.105 223.128);
    --color-cyan-800: oklch(0.45 0.085 224.283);
    --color-cyan-900: oklch(0.398 0.07 227.392);
    --color-cyan-950: oklch(0.302 0.056 229.695);
    --color-sky-50: oklch(0.977 0.013 236.62);
    --color-sky-100: oklch(0.951 0.026 236.824);
    --color-sky-200: oklch(0.901 0.058 230.902);
    --color-sky-300: oklch(0.828 0.111 230.318);
    --color-sky-400: oklch(0.746 0.16 232.661);
    --color-sky-500: oklch(0.685 0.169 237.323);
    --color-sky-600: oklch(0.588 0.158 241.966);
    --color-sky-700: oklch(0.5 0.134 242.749);
    --color-sky-800: oklch(0.443 0.11 240.79);
    --color-sky-900: oklch(0.391 0.09 240.876);
    --color-sky-950: oklch(0.293 0.066 243.157);
    --color-blue-50: oklch(0.97 0.014 254.604);
    --color-blue-100: oklch(0.932 0.032 255.585);
    --color-blue-200: oklch(0.882 0.059 254.128);
    --color-blue-300: oklch(0.809 0.105 251.813);
    --color-blue-400: oklch(0.707 0.165 254.624);
    --color-blue-500: oklch(0.623 0.214 259.815);
    --color-blue-600: oklch(0.546 0.245 262.881);
    --color-blue-700: oklch(0.488 0.243 264.376);
    --color-blue-800: oklch(0.424 0.199 265.638);
    --color-blue-900: oklch(0.379 0.146 265.522);
    --color-blue-950: oklch(0.282 0.091 267.935);
    --color-indigo-50: oklch(0.962 0.018 272.314);
    --color-indigo-100: oklch(0.93 0.034 272.788);
    --color-indigo-200: oklch(0.87 0.065 274.039);
    --color-indigo-300: oklch(0.785 0.115 274.713);
    --color-indigo-400: oklch(0.673 0.182 276.935);
    --color-indigo-500: oklch(0.585 0.233 277.117);
    --color-indigo-600: oklch(0.511 0.262 276.966);
    --color-indigo-700: oklch(0.457 0.24 277.023);
    --color-indigo-800: oklch(0.398 0.195 277.366);
    --color-indigo-900: oklch(0.359 0.144 278.697);
    --color-indigo-950: oklch(0.257 0.09 281.288);
    --color-violet-50: oklch(0.969 0.016 293.756);
    --color-violet-100: oklch(0.943 0.029 294.588);
    --color-violet-200: oklch(0.894 0.057 293.283);
    --color-violet-300: oklch(0.811 0.111 293.571);
    --color-violet-400: oklch(0.702 0.183 293.541);
    --color-violet-500: oklch(0.606 0.25 292.717);
    --color-violet-600: oklch(0.541 0.281 293.009);
    --color-violet-700: oklch(0.491 0.27 292.581);
    --color-violet-800: oklch(0.432 0.232 292.759);
    --color-violet-900: oklch(0.38 0.189 293.745);
    --color-violet-950: oklch(0.283 0.141 291.089);
    --color-purple-50: oklch(0.977 0.014 308.299);
    --color-purple-100: oklch(0.946 0.033 307.174);
    --color-purple-200: oklch(0.902 0.063 306.703);
    --color-purple-300: oklch(0.827 0.119 306.383);
    --color-purple-400: oklch(0.714 0.203 305.504);
    --color-purple-500: oklch(0.627 0.265 303.9);
    --color-purple-600: oklch(0.558 0.288 302.321);
    --color-purple-700: oklch(0.496 0.265 301.924);
    --color-purple-800: oklch(0.438 0.218 303.724);
    --color-purple-900: oklch(0.381 0.176 304.987);
    --color-purple-950: oklch(0.291 0.149 302.717);
    --color-fuchsia-50: oklch(0.977 0.017 320.058);
    --color-fuchsia-100: oklch(0.952 0.037 318.852);
    --color-fuchsia-200: oklch(0.903 0.076 319.62);
    --color-fuchsia-300: oklch(0.833 0.145 321.434);
    --color-fuchsia-400: oklch(0.74 0.238 322.16);
    --color-fuchsia-500: oklch(0.667 0.295 322.15);
    --color-fuchsia-600: oklch(0.591 0.293 322.896);
    --color-fuchsia-700: oklch(0.518 0.253 323.949);
    --color-fuchsia-800: oklch(0.452 0.211 324.591);
    --color-fuchsia-900: oklch(0.401 0.17 325.612);
    --color-fuchsia-950: oklch(0.293 0.136 325.661);
    --color-pink-50: oklch(0.971 0.014 343.198);
    --color-pink-100: oklch(0.948 0.028 342.258);
    --color-pink-200: oklch(0.899 0.061 343.231);
    --color-pink-300: oklch(0.823 0.12 346.018);
    --color-pink-400: oklch(0.718 0.202 349.761);
    --color-pink-500: oklch(0.656 0.241 354.308);
    --color-pink-600: oklch(0.592 0.249 0.584);
    --color-pink-700: oklch(0.525 0.223 3.958);
    --color-pink-800: oklch(0.459 0.187 3.815);
    --color-pink-900: oklch(0.408 0.153 2.432);
    --color-pink-950: oklch(0.284 0.109 3.907);
    --color-rose-50: oklch(0.969 0.015 12.422);
    --color-rose-100: oklch(0.941 0.03 12.58);
    --color-rose-200: oklch(0.892 0.058 10.001);
    --color-rose-300: oklch(0.81 0.117 11.638);
    --color-rose-400: oklch(0.712 0.194 13.428);
    --color-rose-500: oklch(0.645 0.246 16.439);
    --color-rose-600: oklch(0.586 0.253 17.585);
    --color-rose-700: oklch(0.514 0.222 16.935);
    --color-rose-800: oklch(0.455 0.188 13.697);
    --color-rose-900: oklch(0.41 0.159 10.272);
    --color-rose-950: oklch(0.271 0.105 12.094);
    --color-blush-50:  oklch(0.982 0.012 348);
    --color-blush-100: oklch(0.948 0.028 348);
    --color-blush-200: oklch(0.888 0.062 345);
    --color-blush-300: oklch(0.808 0.110 342);
    --color-blush-400: oklch(0.725 0.150 338);
    --color-blush-500: oklch(0.640 0.175 332);
    --color-blush-600: oklch(0.540 0.180 322);
    --color-blush-700: oklch(0.445 0.175 308);
    --color-blush-800: oklch(0.355 0.145 305);
    --color-blush-900: oklch(0.270 0.110 303);
    --color-blush-950: oklch(0.155 0.065 302);
    --color-sunrise-50:  oklch(0.985 0.020 30);
    --color-sunrise-100: oklch(0.960 0.045 28);
    --color-sunrise-200: oklch(0.910 0.085 25);
    --color-sunrise-300: oklch(0.850 0.140 22);
    --color-sunrise-400: oklch(0.770 0.195 18);
    --color-sunrise-500: oklch(0.700 0.230 15);
    --color-sunrise-600: oklch(0.625 0.235 12);
    --color-sunrise-700: oklch(0.540 0.210 8);
    --color-sunrise-800: oklch(0.460 0.175 5);
    --color-sunrise-900: oklch(0.395 0.140 2);
    --color-sunrise-950: oklch(0.275 0.100 0);
    --color-aurora-50:  oklch(0.980 0.020 180);
    --color-aurora-100: oklch(0.950 0.045 178);
    --color-aurora-200: oklch(0.905 0.085 175);
    --color-aurora-300: oklch(0.845 0.130 170);
    --color-aurora-400: oklch(0.770 0.165 165);
    --color-aurora-500: oklch(0.700 0.180 160);
    --color-aurora-600: oklch(0.610 0.170 162);
    --color-aurora-700: oklch(0.510 0.145 164);
    --color-aurora-800: oklch(0.420 0.115 166);
    --color-aurora-900: oklch(0.355 0.090 168);
    --color-aurora-950: oklch(0.245 0.065 170);
    --color-lava-50:  oklch(0.978 0.020 50);
    --color-lava-100: oklch(0.948 0.050 45);
    --color-lava-200: oklch(0.895 0.100 38);
    --color-lava-300: oklch(0.825 0.155 30);
    --color-lava-400: oklch(0.740 0.205 25);
    --color-lava-500: oklch(0.660 0.235 22);
    --color-lava-600: oklch(0.575 0.235 18);
    --color-lava-700: oklch(0.485 0.205 15);
    --color-lava-800: oklch(0.405 0.170 12);
    --color-lava-900: oklch(0.345 0.135 10);
    --color-lava-950: oklch(0.230 0.095 8);
    --color-galaxy-50:  oklch(0.975 0.018 290);
    --color-galaxy-100: oklch(0.945 0.040 290);
    --color-galaxy-200: oklch(0.895 0.080 290);
    --color-galaxy-300: oklch(0.820 0.140 288);
    --color-galaxy-400: oklch(0.720 0.205 285);
    --color-galaxy-500: oklch(0.620 0.255 282);
    --color-galaxy-600: oklch(0.535 0.265 280);
    --color-galaxy-700: oklch(0.465 0.245 278);
    --color-galaxy-800: oklch(0.395 0.200 276);
    --color-galaxy-900: oklch(0.335 0.155 275);
    --color-galaxy-950: oklch(0.230 0.105 275);
    --color-opal-50:  oklch(0.992 0.008 340);
    --color-opal-100: oklch(0.975 0.018 340);
    --color-opal-200: oklch(0.945 0.035 335);
    --color-opal-300: oklch(0.895 0.060 330);
    --color-opal-400: oklch(0.835 0.085 325);
    --color-opal-500: oklch(0.780 0.110 320);
    --color-opal-600: oklch(0.685 0.105 315);
    --color-opal-700: oklch(0.580 0.090 310);
    --color-opal-800: oklch(0.485 0.075 305);
    --color-opal-900: oklch(0.405 0.060 300);
    --color-opal-950: oklch(0.290 0.045 295);
    --color-plasma-50:  oklch(0.975 0.025 320);
    --color-plasma-100: oklch(0.945 0.055 320);
    --color-plasma-200: oklch(0.895 0.105 320);
    --color-plasma-300: oklch(0.820 0.180 320);
    --color-plasma-400: oklch(0.720 0.260 320);
    --color-plasma-500: oklch(0.640 0.300 318);
    --color-plasma-600: oklch(0.560 0.295 316);
    --color-plasma-700: oklch(0.490 0.260 314);
    --color-plasma-800: oklch(0.420 0.220 312);
    --color-plasma-900: oklch(0.370 0.180 310);
    --color-plasma-950: oklch(0.265 0.135 310);
    --color-toxic-50:  oklch(0.985 0.040 130);
    --color-toxic-100: oklch(0.962 0.080 130);
    --color-toxic-200: oklch(0.925 0.145 132);
    --color-toxic-300: oklch(0.890 0.210 134);
    --color-toxic-400: oklch(0.850 0.260 136);
    --color-toxic-500: oklch(0.810 0.290 138);
    --color-toxic-600: oklch(0.690 0.265 140);
    --color-toxic-700: oklch(0.565 0.220 142);
    --color-toxic-800: oklch(0.465 0.180 144);
    --color-toxic-900: oklch(0.395 0.150 146);
    --color-toxic-950: oklch(0.270 0.105 148);
    --color-ember-50:  oklch(0.978 0.025 45);
    --color-ember-100: oklch(0.945 0.060 42);
    --color-ember-200: oklch(0.890 0.115 38);
    --color-ember-300: oklch(0.815 0.175 32);
    --color-ember-400: oklch(0.725 0.225 28);
    --color-ember-500: oklch(0.640 0.245 25);
    --color-ember-600: oklch(0.550 0.235 22);
    --color-ember-700: oklch(0.460 0.200 20);
    --color-ember-800: oklch(0.380 0.165 18);
    --color-ember-900: oklch(0.320 0.130 16);
    --color-ember-950: oklch(0.215 0.090 14);
    --color-frost-50:  oklch(0.992 0.008 210);
    --color-frost-100: oklch(0.972 0.020 210);
    --color-frost-200: oklch(0.935 0.045 208);
    --color-frost-300: oklch(0.880 0.080 205);
    --color-frost-400: oklch(0.810 0.110 200);
    --color-frost-500: oklch(0.745 0.130 198);
    --color-frost-600: oklch(0.640 0.120 200);
    --color-frost-700: oklch(0.535 0.105 205);
    --color-frost-800: oklch(0.440 0.085 210);
    --color-frost-900: oklch(0.365 0.065 215);
    --color-frost-950: oklch(0.255 0.045 220);
    --color-mirage-50:  oklch(0.982 0.018 85);
    --color-mirage-100: oklch(0.955 0.040 80);
    --color-mirage-200: oklch(0.910 0.080 75);
    --color-mirage-300: oklch(0.850 0.130 65);
    --color-mirage-400: oklch(0.775 0.165 55);
    --color-mirage-500: oklch(0.710 0.180 45);
    --color-mirage-600: oklch(0.620 0.170 40);
    --color-mirage-700: oklch(0.520 0.145 38);
    --color-mirage-800: oklch(0.430 0.115 38);
    --color-mirage-900: oklch(0.365 0.090 38);
    --color-mirage-950: oklch(0.245 0.065 40);
    --color-slate-50: oklch(0.984 0.003 247.858);
    --color-slate-100: oklch(0.968 0.007 247.896);
    --color-slate-200: oklch(0.929 0.013 255.508);
    --color-slate-300: oklch(0.869 0.022 252.894);
    --color-slate-400: oklch(0.704 0.04 256.788);
    --color-slate-500: oklch(0.554 0.046 257.417);
    --color-slate-600: oklch(0.446 0.043 257.281);
    --color-slate-700: oklch(0.372 0.044 257.287);
    --color-slate-800: oklch(0.279 0.041 260.031);
    --color-slate-900: oklch(0.208 0.042 265.755);
    --color-slate-950: oklch(0.129 0.042 264.695);
    --color-gray-50: oklch(0.985 0.002 247.839);
    --color-gray-100: oklch(0.967 0.003 264.542);
    --color-gray-200: oklch(0.928 0.006 264.531);
    --color-gray-300: oklch(0.872 0.01 258.338);
    --color-gray-400: oklch(0.707 0.022 261.325);
    --color-gray-500: oklch(0.551 0.027 264.364);
    --color-gray-600: oklch(0.446 0.03 256.802);
    --color-gray-700: oklch(0.373 0.034 259.733);
    --color-gray-800: oklch(0.278 0.033 256.848);
    --color-gray-900: oklch(0.21 0.034 264.665);
    --color-gray-950: oklch(0.13 0.028 261.692);
    --color-zinc-50: oklch(0.985 0 0);
    --color-zinc-100: oklch(0.967 0.001 286.375);
    --color-zinc-200: oklch(0.92 0.004 286.32);
    --color-zinc-300: oklch(0.871 0.006 286.286);
    --color-zinc-400: oklch(0.705 0.015 286.067);
    --color-zinc-500: oklch(0.552 0.016 285.938);
    --color-zinc-600: oklch(0.442 0.017 285.786);
    --color-zinc-700: oklch(0.37 0.013 285.805);
    --color-zinc-800: oklch(0.274 0.006 286.033);
    --color-zinc-900: oklch(0.21 0.006 285.885);
    --color-zinc-950: oklch(0.141 0.005 285.823);
    --color-neutral-50: oklch(0.985 0 0);
    --color-neutral-100: oklch(0.97 0 0);
    --color-neutral-200: oklch(0.922 0 0);
    --color-neutral-300: oklch(0.87 0 0);
    --color-neutral-400: oklch(0.708 0 0);
    --color-neutral-500: oklch(0.556 0 0);
    --color-neutral-600: oklch(0.439 0 0);
    --color-neutral-700: oklch(0.371 0 0);
    --color-neutral-800: oklch(0.269 0 0);
    --color-neutral-900: oklch(0.205 0 0);
    --color-neutral-950: oklch(0.145 0 0);
    --color-stone-50: oklch(0.985 0.001 106.423);
    --color-stone-100: oklch(0.97 0.001 106.424);
    --color-stone-200: oklch(0.923 0.003 48.717);
    --color-stone-300: oklch(0.869 0.005 56.366);
    --color-stone-400: oklch(0.709 0.01 56.259);
    --color-stone-500: oklch(0.553 0.013 58.071);
    --color-stone-600: oklch(0.444 0.011 73.639);
    --color-stone-700: oklch(0.374 0.01 67.558);
    --color-stone-800: oklch(0.268 0.007 34.298);
    --color-stone-900: oklch(0.216 0.006 56.043);
    --color-stone-950: oklch(0.147 0.004 49.25);
    --color-black: #000;
    --color-white: #fff;
}

/* === Blush — text gradient utilities === */
.text-blush-50 {
    background-clip: text;
    color: var(--color-blush-50);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #ffffff 0%, #fdf4f9 30%, #fbe4f1 65%, #f4c8e0 100%);
}
.text-blush-100 {
    background-clip: text;
    color: var(--color-blush-100);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #fdf4f9 0%, #fbe4f1 30%, #f4c8e0 70%, #ecaad0 100%);
}
.text-blush-200 {
    background-clip: text;
    color: var(--color-blush-200);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #fbe4f1 0%, #f4c8e0 30%, #ecaad0 65%, #d8a8d4 100%);
}
.text-blush-300 {
    background-clip: text;
    color: var(--color-blush-300);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #f4c8e0 0%, #ecaad0 25%, #d8a8d4 55%, #b8b0e8 80%, #b0dcff 100%);
}
.text-blush-400 {
    background-clip: text;
    color: var(--color-blush-400);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #ecaad0 0%, #e08abe 35%, #c685c8 70%, #a8b8f0 100%);
}
.text-blush-500 {
    background-clip: text;
    color: var(--color-blush-500);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #ecaad0 0%, #e08abe 30%, #c873ac 55%, #9c70d4 80%, #a8d8ff 100%);
}
.text-blush-600 {
    background-clip: text;
    color: var(--color-blush-600);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #c873ac 0%, #a55a9b 45%, #7c4282 80%, #8cc8e8 100%);
}
.text-blush-700 {
    background-clip: text;
    color: var(--color-blush-700);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #a55a9b 0%, #7c4282 50%, #5d3068 100%);
}
.text-blush-800 {
    background-clip: text;
    color: var(--color-blush-800);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #7c4282 0%, #5d3068 55%, #401e4d 100%);
}
.text-blush-900 {
    background-clip: text;
    color: var(--color-blush-900);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #5d3068 0%, #401e4d 60%, #210f2a 100%);
}
.text-blush-950 {
    background-clip: text;
    color: var(--color-blush-950);
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(135deg, #401e4d 0%, #210f2a 100%);
}

/* === Swatches (bolinhas do color picker, com glow) === */
.swatch-sunrise {
    background:
        radial-gradient(circle at 28% 28%, oklch(0.94 0.08 350) 0%, transparent 16%),
        radial-gradient(circle at 72% 38%, oklch(0.92 0.09 350) 0%, transparent 13%),
        radial-gradient(circle at 50% 95%, oklch(0.42 0.20 5) 0%, transparent 55%),
        radial-gradient(circle at 50% 45%, oklch(0.80 0.22 40) 0%, oklch(0.65 0.26 18) 65%, oklch(0.55 0.24 355) 100%);
    box-shadow: 0 0 10px oklch(0.65 0.28 5 / 0.65);
}
.swatch-aurora {
    background:
        radial-gradient(ellipse at 72% 28%, oklch(0.78 0.22 290) 0%, transparent 38%),
        radial-gradient(circle at 28% 72%, oklch(0.88 0.16 200) 0%, transparent 32%),
        linear-gradient(135deg, oklch(0.78 0.18 165) 0%, oklch(0.55 0.20 180) 50%, oklch(0.45 0.24 280) 100%);
    box-shadow: 0 0 10px oklch(0.65 0.22 175 / 0.65);
}
.swatch-lava {
    background:
        radial-gradient(circle at 25% 72%, oklch(0.88 0.20 80) 0%, oklch(0.78 0.22 50) 8%, transparent 22%),
        radial-gradient(circle at 78% 32%, oklch(0.88 0.20 80) 0%, oklch(0.78 0.22 50) 6%, transparent 18%),
        radial-gradient(circle at 55% 30%, oklch(0.85 0.22 70) 0%, transparent 10%),
        radial-gradient(circle at 50% 50%, oklch(0.58 0.24 32) 0%, oklch(0.32 0.18 22) 80%, oklch(0.18 0.10 18) 100%);
    box-shadow: 0 0 10px oklch(0.55 0.25 25 / 0.75);
}
.swatch-galaxy {
    background:
        radial-gradient(circle at 18% 28%, oklch(0.96 0.04 200) 0%, transparent 4%),
        radial-gradient(circle at 78% 62%, oklch(0.96 0.04 320) 0%, transparent 5%),
        radial-gradient(circle at 48% 22%, oklch(0.96 0.04 280) 0%, transparent 3%),
        radial-gradient(circle at 35% 75%, oklch(0.96 0.04 240) 0%, transparent 3%),
        radial-gradient(circle at 65% 45%, oklch(0.95 0.05 340) 0%, transparent 4%),
        radial-gradient(circle at 50% 50%, oklch(0.50 0.22 285) 0%, oklch(0.28 0.18 290) 70%, oklch(0.13 0.08 280) 100%);
    box-shadow: 0 0 10px oklch(0.45 0.26 285 / 0.65);
}
.swatch-opal {
    background:
        radial-gradient(circle at 28% 28%, oklch(0.92 0.12 165) 0%, transparent 32%),
        radial-gradient(circle at 72% 32%, oklch(0.92 0.12 330) 0%, transparent 32%),
        radial-gradient(circle at 50% 78%, oklch(0.92 0.12 240) 0%, transparent 38%),
        radial-gradient(circle at 35% 60%, oklch(0.94 0.10 60) 0%, transparent 25%),
        linear-gradient(135deg, oklch(0.96 0.04 340) 0%, oklch(0.90 0.06 280) 100%);
    box-shadow: 0 0 10px oklch(0.85 0.10 330 / 0.5);
}
.swatch-plasma {
    background:
        radial-gradient(circle at 72% 28%, oklch(0.75 0.26 220) 0%, transparent 35%),
        radial-gradient(circle at 28% 72%, oklch(0.85 0.20 340) 0%, transparent 32%),
        radial-gradient(circle at 50% 50%, oklch(0.65 0.30 320) 0%, oklch(0.50 0.30 290) 100%);
    box-shadow: 0 0 12px oklch(0.55 0.32 320 / 0.75);
}
.swatch-toxic {
    background:
        radial-gradient(circle at 32% 28%, oklch(0.96 0.26 105) 0%, transparent 22%),
        radial-gradient(circle at 68% 65%, oklch(0.90 0.28 110) 0%, transparent 18%),
        radial-gradient(circle at 50% 100%, oklch(0.32 0.15 142) 0%, transparent 55%),
        radial-gradient(circle at 50% 42%, oklch(0.85 0.30 135) 0%, oklch(0.60 0.28 142) 70%, oklch(0.38 0.20 148) 100%);
    box-shadow: 0 0 12px oklch(0.80 0.30 138 / 0.75);
}
.swatch-ember {
    background:
        radial-gradient(circle at 42% 42%, oklch(0.92 0.20 90) 0%, oklch(0.78 0.24 60) 12%, oklch(0.62 0.25 35) 25%, transparent 38%),
        radial-gradient(circle at 70% 65%, oklch(0.65 0.22 35) 0%, transparent 22%),
        radial-gradient(circle at 50% 50%, oklch(0.45 0.20 25) 0%, oklch(0.25 0.12 18) 75%, oklch(0.12 0.04 12) 100%);
    box-shadow: 0 0 12px oklch(0.55 0.26 30 / 0.75);
}
.swatch-frost {
    background:
        radial-gradient(circle at 28% 28%, oklch(0.98 0.02 200) 0%, transparent 24%),
        radial-gradient(circle at 68% 72%, oklch(0.96 0.06 195) 0%, transparent 26%),
        radial-gradient(circle at 55% 35%, oklch(0.99 0.02 220) 0%, transparent 14%),
        linear-gradient(135deg, oklch(0.92 0.05 205) 0%, oklch(0.72 0.12 200) 65%, oklch(0.52 0.16 215) 100%);
    box-shadow: 0 0 10px oklch(0.85 0.12 205 / 0.65);
}
.swatch-mirage {
    background:
        radial-gradient(circle at 28% 32%, oklch(0.85 0.16 200) 0%, transparent 32%),
        radial-gradient(circle at 72% 62%, oklch(0.80 0.18 20) 0%, transparent 30%),
        radial-gradient(circle at 50% 25%, oklch(0.95 0.12 90) 0%, transparent 22%),
        linear-gradient(135deg, oklch(0.90 0.16 90) 0%, oklch(0.72 0.18 55) 50%, oklch(0.62 0.20 30) 100%);
    box-shadow: 0 0 10px oklch(0.75 0.20 60 / 0.65);
}

/* === Iridescent bg overrides para shades 500/600/700 das cores temáticas === */
.bg-sunrise-500, .bg-sunrise-600, .bg-sunrise-700,
.hover\:bg-sunrise-500:hover, .hover\:bg-sunrise-600:hover, .hover\:bg-sunrise-700:hover,
.dark\:bg-sunrise-500:where(.dark, .dark *), .dark\:bg-sunrise-600:where(.dark, .dark *), .dark\:bg-sunrise-700:where(.dark, .dark *),
.dark\:hover\:bg-sunrise-500:where(.dark, .dark *):hover, .dark\:hover\:bg-sunrise-600:where(.dark, .dark *):hover, .dark\:hover\:bg-sunrise-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 25% 30%, oklch(0.92 0.10 350 / 0.45) 0%, transparent 45%),
        radial-gradient(ellipse at 75% 70%, oklch(0.88 0.12 5 / 0.35) 0%, transparent 50%),
        linear-gradient(135deg, oklch(0.78 0.20 35) 0%, oklch(0.70 0.23 18) 60%, oklch(0.64 0.22 355) 100%) !important;
}

.bg-aurora-500, .bg-aurora-600, .bg-aurora-700,
.hover\:bg-aurora-500:hover, .hover\:bg-aurora-600:hover, .hover\:bg-aurora-700:hover,
.dark\:bg-aurora-500:where(.dark, .dark *), .dark\:bg-aurora-600:where(.dark, .dark *), .dark\:bg-aurora-700:where(.dark, .dark *),
.dark\:hover\:bg-aurora-500:where(.dark, .dark *):hover, .dark\:hover\:bg-aurora-600:where(.dark, .dark *):hover, .dark\:hover\:bg-aurora-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 75% 25%, oklch(0.78 0.18 290 / 0.40) 0%, transparent 50%),
        radial-gradient(ellipse at 25% 75%, oklch(0.85 0.16 195 / 0.40) 0%, transparent 48%),
        linear-gradient(135deg, oklch(0.72 0.17 165) 0%, oklch(0.64 0.18 195) 55%, oklch(0.60 0.20 250) 100%) !important;
}

.bg-lava-500, .bg-lava-600, .bg-lava-700,
.hover\:bg-lava-500:hover, .hover\:bg-lava-600:hover, .hover\:bg-lava-700:hover,
.dark\:bg-lava-500:where(.dark, .dark *), .dark\:bg-lava-600:where(.dark, .dark *), .dark\:bg-lava-700:where(.dark, .dark *),
.dark\:hover\:bg-lava-500:where(.dark, .dark *):hover, .dark\:hover\:bg-lava-600:where(.dark, .dark *):hover, .dark\:hover\:bg-lava-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 22% 75%, oklch(0.90 0.18 80 / 0.40) 0%, transparent 35%),
        radial-gradient(ellipse at 78% 30%, oklch(0.88 0.20 80 / 0.35) 0%, transparent 32%),
        linear-gradient(135deg, oklch(0.74 0.22 40) 0%, oklch(0.66 0.24 25) 55%, oklch(0.58 0.22 18) 100%) !important;
}

.bg-galaxy-500, .bg-galaxy-600, .bg-galaxy-700,
.hover\:bg-galaxy-500:hover, .hover\:bg-galaxy-600:hover, .hover\:bg-galaxy-700:hover,
.dark\:bg-galaxy-500:where(.dark, .dark *), .dark\:bg-galaxy-600:where(.dark, .dark *), .dark\:bg-galaxy-700:where(.dark, .dark *),
.dark\:hover\:bg-galaxy-500:where(.dark, .dark *):hover, .dark\:hover\:bg-galaxy-600:where(.dark, .dark *):hover, .dark\:hover\:bg-galaxy-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(circle at 18% 28%, oklch(0.97 0.03 200 / 0.95) 0%, transparent 2.5%),
        radial-gradient(circle at 78% 62%, oklch(0.97 0.03 320 / 0.95) 0%, transparent 2.8%),
        radial-gradient(circle at 48% 22%, oklch(0.97 0.03 280 / 0.95) 0%, transparent 2%),
        radial-gradient(circle at 65% 45%, oklch(0.96 0.04 340 / 0.90) 0%, transparent 2.5%),
        radial-gradient(circle at 35% 75%, oklch(0.95 0.03 240 / 0.90) 0%, transparent 2%),
        radial-gradient(circle at 88% 18%, oklch(0.96 0.04 60 / 0.85) 0%, transparent 1.8%),
        radial-gradient(circle at 12% 58%, oklch(0.95 0.03 320 / 0.85) 0%, transparent 1.8%),
        radial-gradient(ellipse at 22% 78%, oklch(0.60 0.28 330 / 0.50) 0%, transparent 48%),
        radial-gradient(ellipse at 82% 28%, oklch(0.62 0.26 250 / 0.45) 0%, transparent 52%),
        linear-gradient(135deg, oklch(0.40 0.22 282) 0%, oklch(0.30 0.20 275) 55%, oklch(0.24 0.16 268) 100%) !important;
}

.bg-opal-500, .bg-opal-600, .bg-opal-700,
.hover\:bg-opal-500:hover, .hover\:bg-opal-600:hover, .hover\:bg-opal-700:hover,
.dark\:bg-opal-500:where(.dark, .dark *), .dark\:bg-opal-600:where(.dark, .dark *), .dark\:bg-opal-700:where(.dark, .dark *),
.dark\:hover\:bg-opal-500:where(.dark, .dark *):hover, .dark\:hover\:bg-opal-600:where(.dark, .dark *):hover, .dark\:hover\:bg-opal-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 25% 30%, oklch(0.92 0.12 165 / 0.50) 0%, transparent 40%),
        radial-gradient(ellipse at 75% 30%, oklch(0.92 0.12 330 / 0.50) 0%, transparent 40%),
        radial-gradient(ellipse at 50% 80%, oklch(0.90 0.12 240 / 0.45) 0%, transparent 45%),
        radial-gradient(ellipse at 35% 60%, oklch(0.92 0.10 60 / 0.40) 0%, transparent 35%),
        linear-gradient(135deg, oklch(0.86 0.10 340) 0%, oklch(0.80 0.12 280) 100%) !important;
}

.bg-plasma-500, .bg-plasma-600, .bg-plasma-700,
.hover\:bg-plasma-500:hover, .hover\:bg-plasma-600:hover, .hover\:bg-plasma-700:hover,
.dark\:bg-plasma-500:where(.dark, .dark *), .dark\:bg-plasma-600:where(.dark, .dark *), .dark\:bg-plasma-700:where(.dark, .dark *),
.dark\:hover\:bg-plasma-500:where(.dark, .dark *):hover, .dark\:hover\:bg-plasma-600:where(.dark, .dark *):hover, .dark\:hover\:bg-plasma-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 75% 25%, oklch(0.80 0.22 220 / 0.45) 0%, transparent 48%),
        radial-gradient(ellipse at 25% 75%, oklch(0.85 0.18 340 / 0.40) 0%, transparent 45%),
        linear-gradient(135deg, oklch(0.65 0.27 320) 0%, oklch(0.58 0.27 305) 60%, oklch(0.55 0.26 290) 100%) !important;
}

.bg-toxic-500, .bg-toxic-600, .bg-toxic-700,
.hover\:bg-toxic-500:hover, .hover\:bg-toxic-600:hover, .hover\:bg-toxic-700:hover,
.dark\:bg-toxic-500:where(.dark, .dark *), .dark\:bg-toxic-600:where(.dark, .dark *), .dark\:bg-toxic-700:where(.dark, .dark *),
.dark\:hover\:bg-toxic-500:where(.dark, .dark *):hover, .dark\:hover\:bg-toxic-600:where(.dark, .dark *):hover, .dark\:hover\:bg-toxic-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 30% 30%, oklch(0.94 0.24 105 / 0.45) 0%, transparent 42%),
        radial-gradient(ellipse at 70% 70%, oklch(0.90 0.26 115 / 0.40) 0%, transparent 40%),
        linear-gradient(135deg, oklch(0.82 0.27 135) 0%, oklch(0.72 0.27 140) 55%, oklch(0.65 0.25 145) 100%) !important;
}

.bg-ember-500, .bg-ember-600, .bg-ember-700,
.hover\:bg-ember-500:hover, .hover\:bg-ember-600:hover, .hover\:bg-ember-700:hover,
.dark\:bg-ember-500:where(.dark, .dark *), .dark\:bg-ember-600:where(.dark, .dark *), .dark\:bg-ember-700:where(.dark, .dark *),
.dark\:hover\:bg-ember-500:where(.dark, .dark *):hover, .dark\:hover\:bg-ember-600:where(.dark, .dark *):hover, .dark\:hover\:bg-ember-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 35% 40%, oklch(0.92 0.18 85 / 0.45) 0%, oklch(0.85 0.22 60 / 0.25) 30%, transparent 55%),
        radial-gradient(ellipse at 75% 65%, oklch(0.80 0.22 35 / 0.30) 0%, transparent 45%),
        linear-gradient(135deg, oklch(0.74 0.22 45) 0%, oklch(0.66 0.24 30) 55%, oklch(0.58 0.22 22) 100%) !important;
}

.bg-frost-500, .bg-frost-600, .bg-frost-700,
.hover\:bg-frost-500:hover, .hover\:bg-frost-600:hover, .hover\:bg-frost-700:hover,
.dark\:bg-frost-500:where(.dark, .dark *), .dark\:bg-frost-600:where(.dark, .dark *), .dark\:bg-frost-700:where(.dark, .dark *),
.dark\:hover\:bg-frost-500:where(.dark, .dark *):hover, .dark\:hover\:bg-frost-600:where(.dark, .dark *):hover, .dark\:hover\:bg-frost-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 25% 30%, oklch(0.98 0.03 200 / 0.55) 0%, transparent 42%),
        radial-gradient(ellipse at 70% 70%, oklch(0.94 0.07 195 / 0.45) 0%, transparent 45%),
        linear-gradient(135deg, oklch(0.88 0.07 205) 0%, oklch(0.78 0.13 200) 55%, oklch(0.70 0.15 215) 100%) !important;
}

.bg-mirage-500, .bg-mirage-600, .bg-mirage-700,
.hover\:bg-mirage-500:hover, .hover\:bg-mirage-600:hover, .hover\:bg-mirage-700:hover,
.dark\:bg-mirage-500:where(.dark, .dark *), .dark\:bg-mirage-600:where(.dark, .dark *), .dark\:bg-mirage-700:where(.dark, .dark *),
.dark\:hover\:bg-mirage-500:where(.dark, .dark *):hover, .dark\:hover\:bg-mirage-600:where(.dark, .dark *):hover, .dark\:hover\:bg-mirage-700:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 25% 30%, oklch(0.85 0.14 200 / 0.40) 0%, transparent 45%),
        radial-gradient(ellipse at 75% 65%, oklch(0.82 0.16 20 / 0.35) 0%, transparent 42%),
        linear-gradient(135deg, oklch(0.85 0.16 90) 0%, oklch(0.74 0.18 55) 55%, oklch(0.66 0.20 30) 100%) !important;
}

/* === Iridescent bg overrides para shades ESCUROS 800/900/950 das cores tematicas ===
   O storefront do link (catalogo/acompanhamento/cadastro) usa bg-{primary}-900 como a
   cor de marca (appbar, botoes, chips), com texto branco. Sem isto, as cores tematicas
   caem no var() solido de -900 (baixa croma / cinzento) e perdem a identidade. Aqui
   cada tematica ganha um gradiente ESCURO (claro o bastante so nos brilhos) que mantem
   contraste com texto branco. Espelha o bloco de 500/600/700 acima. */
.bg-sunrise-800, .bg-sunrise-900, .bg-sunrise-950,
.hover\:bg-sunrise-800:hover, .hover\:bg-sunrise-900:hover,
.dark\:bg-sunrise-800:where(.dark, .dark *), .dark\:bg-sunrise-900:where(.dark, .dark *),
.dark\:hover\:bg-sunrise-800:where(.dark, .dark *):hover, .dark\:hover\:bg-sunrise-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 25% 30%, oklch(0.66 0.18 35 / 0.40) 0%, transparent 45%),
        radial-gradient(ellipse at 75% 70%, oklch(0.58 0.20 5 / 0.35) 0%, transparent 50%),
        linear-gradient(135deg, oklch(0.42 0.17 30) 0%, oklch(0.34 0.16 15) 60%, oklch(0.30 0.14 2) 100%) !important;
}
.bg-aurora-800, .bg-aurora-900, .bg-aurora-950,
.hover\:bg-aurora-800:hover, .hover\:bg-aurora-900:hover,
.dark\:bg-aurora-800:where(.dark, .dark *), .dark\:bg-aurora-900:where(.dark, .dark *),
.dark\:hover\:bg-aurora-800:where(.dark, .dark *):hover, .dark\:hover\:bg-aurora-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 75% 25%, oklch(0.58 0.16 285 / 0.42) 0%, transparent 50%),
        radial-gradient(ellipse at 25% 75%, oklch(0.60 0.14 190 / 0.40) 0%, transparent 48%),
        linear-gradient(135deg, oklch(0.40 0.13 165) 0%, oklch(0.34 0.13 195) 55%, oklch(0.32 0.16 270) 100%) !important;
}
.bg-lava-800, .bg-lava-900, .bg-lava-950,
.hover\:bg-lava-800:hover, .hover\:bg-lava-900:hover,
.dark\:bg-lava-800:where(.dark, .dark *), .dark\:bg-lava-900:where(.dark, .dark *),
.dark\:hover\:bg-lava-800:where(.dark, .dark *):hover, .dark\:hover\:bg-lava-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 22% 70%, oklch(0.64 0.20 50 / 0.42) 0%, transparent 40%),
        radial-gradient(ellipse at 78% 30%, oklch(0.60 0.20 35 / 0.35) 0%, transparent 38%),
        linear-gradient(135deg, oklch(0.40 0.18 38) 0%, oklch(0.33 0.17 25) 55%, oklch(0.29 0.15 18) 100%) !important;
}
.bg-galaxy-800, .bg-galaxy-900, .bg-galaxy-950,
.hover\:bg-galaxy-800:hover, .hover\:bg-galaxy-900:hover,
.dark\:bg-galaxy-800:where(.dark, .dark *), .dark\:bg-galaxy-900:where(.dark, .dark *),
.dark\:hover\:bg-galaxy-800:where(.dark, .dark *):hover, .dark\:hover\:bg-galaxy-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(circle at 18% 28%, oklch(0.97 0.03 200 / 0.95) 0%, transparent 2.4%),
        radial-gradient(circle at 78% 62%, oklch(0.97 0.03 320 / 0.95) 0%, transparent 2.6%),
        radial-gradient(circle at 48% 22%, oklch(0.97 0.03 280 / 0.95) 0%, transparent 1.8%),
        radial-gradient(circle at 65% 45%, oklch(0.96 0.04 340 / 0.90) 0%, transparent 2.2%),
        radial-gradient(circle at 35% 75%, oklch(0.95 0.03 240 / 0.90) 0%, transparent 1.8%),
        radial-gradient(ellipse at 22% 78%, oklch(0.58 0.26 330 / 0.45) 0%, transparent 48%),
        radial-gradient(ellipse at 82% 28%, oklch(0.60 0.24 250 / 0.42) 0%, transparent 52%),
        linear-gradient(135deg, oklch(0.38 0.20 282) 0%, oklch(0.29 0.18 275) 55%, oklch(0.24 0.15 268) 100%) !important;
}
.bg-opal-800, .bg-opal-900, .bg-opal-950,
.hover\:bg-opal-800:hover, .hover\:bg-opal-900:hover,
.dark\:bg-opal-800:where(.dark, .dark *), .dark\:bg-opal-900:where(.dark, .dark *),
.dark\:hover\:bg-opal-800:where(.dark, .dark *):hover, .dark\:hover\:bg-opal-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 28% 30%, oklch(0.62 0.12 165 / 0.38) 0%, transparent 42%),
        radial-gradient(ellipse at 72% 68%, oklch(0.58 0.12 330 / 0.40) 0%, transparent 42%),
        radial-gradient(ellipse at 50% 85%, oklch(0.55 0.12 240 / 0.32) 0%, transparent 45%),
        linear-gradient(135deg, oklch(0.42 0.09 320) 0%, oklch(0.35 0.08 290) 100%) !important;
}
.bg-plasma-800, .bg-plasma-900, .bg-plasma-950,
.hover\:bg-plasma-800:hover, .hover\:bg-plasma-900:hover,
.dark\:bg-plasma-800:where(.dark, .dark *), .dark\:bg-plasma-900:where(.dark, .dark *),
.dark\:hover\:bg-plasma-800:where(.dark, .dark *):hover, .dark\:hover\:bg-plasma-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 75% 25%, oklch(0.55 0.20 220 / 0.38) 0%, transparent 48%),
        radial-gradient(ellipse at 25% 75%, oklch(0.58 0.20 340 / 0.35) 0%, transparent 45%),
        linear-gradient(135deg, oklch(0.42 0.24 320) 0%, oklch(0.36 0.24 305) 60%, oklch(0.33 0.22 292) 100%) !important;
}
.bg-toxic-800, .bg-toxic-900, .bg-toxic-950,
.hover\:bg-toxic-800:hover, .hover\:bg-toxic-900:hover,
.dark\:bg-toxic-800:where(.dark, .dark *), .dark\:bg-toxic-900:where(.dark, .dark *),
.dark\:hover\:bg-toxic-800:where(.dark, .dark *):hover, .dark\:hover\:bg-toxic-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 30% 30%, oklch(0.66 0.22 130 / 0.38) 0%, transparent 42%),
        radial-gradient(ellipse at 70% 70%, oklch(0.60 0.22 140 / 0.32) 0%, transparent 40%),
        linear-gradient(135deg, oklch(0.44 0.19 138) 0%, oklch(0.37 0.17 142) 55%, oklch(0.32 0.15 146) 100%) !important;
}
.bg-ember-800, .bg-ember-900, .bg-ember-950,
.hover\:bg-ember-800:hover, .hover\:bg-ember-900:hover,
.dark\:bg-ember-800:where(.dark, .dark *), .dark\:bg-ember-900:where(.dark, .dark *),
.dark\:hover\:bg-ember-800:where(.dark, .dark *):hover, .dark\:hover\:bg-ember-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 35% 40%, oklch(0.64 0.20 60 / 0.38) 0%, transparent 45%),
        radial-gradient(ellipse at 75% 65%, oklch(0.58 0.20 30 / 0.30) 0%, transparent 42%),
        linear-gradient(135deg, oklch(0.40 0.18 45) 0%, oklch(0.33 0.16 28) 55%, oklch(0.28 0.13 20) 100%) !important;
}
.bg-frost-800, .bg-frost-900, .bg-frost-950,
.hover\:bg-frost-800:hover, .hover\:bg-frost-900:hover,
.dark\:bg-frost-800:where(.dark, .dark *), .dark\:bg-frost-900:where(.dark, .dark *),
.dark\:hover\:bg-frost-800:where(.dark, .dark *):hover, .dark\:hover\:bg-frost-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 28% 30%, oklch(0.66 0.12 200 / 0.42) 0%, transparent 44%),
        radial-gradient(ellipse at 70% 70%, oklch(0.58 0.13 210 / 0.35) 0%, transparent 42%),
        linear-gradient(135deg, oklch(0.42 0.10 205) 0%, oklch(0.35 0.11 210) 60%, oklch(0.31 0.10 218) 100%) !important;
}
.bg-mirage-800, .bg-mirage-900, .bg-mirage-950,
.hover\:bg-mirage-800:hover, .hover\:bg-mirage-900:hover,
.dark\:bg-mirage-800:where(.dark, .dark *), .dark\:bg-mirage-900:where(.dark, .dark *),
.dark\:hover\:bg-mirage-800:where(.dark, .dark *):hover, .dark\:hover\:bg-mirage-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 28% 30%, oklch(0.60 0.14 200 / 0.35) 0%, transparent 45%),
        radial-gradient(ellipse at 72% 65%, oklch(0.58 0.16 30 / 0.35) 0%, transparent 42%),
        linear-gradient(135deg, oklch(0.44 0.15 75) 0%, oklch(0.37 0.15 50) 55%, oklch(0.32 0.14 35) 100%) !important;
}
.bg-blush-800, .bg-blush-900, .bg-blush-950,
.hover\:bg-blush-800:hover, .hover\:bg-blush-900:hover,
.dark\:bg-blush-800:where(.dark, .dark *), .dark\:bg-blush-900:where(.dark, .dark *),
.dark\:hover\:bg-blush-800:where(.dark, .dark *):hover, .dark\:hover\:bg-blush-900:where(.dark, .dark *):hover {
    background:
        radial-gradient(ellipse at 28% 30%, oklch(0.55 0.16 340 / 0.40) 0%, transparent 42%),
        radial-gradient(ellipse at 72% 70%, oklch(0.50 0.16 308 / 0.40) 0%, transparent 42%),
        linear-gradient(135deg, oklch(0.42 0.16 332) 0%, oklch(0.35 0.15 312) 55%, oklch(0.30 0.13 305) 100%) !important;
}

/* === Calendar icon overrides para input[type=date] e datetime-local === */
input[type="date"].custom-calendar-icon::-webkit-calendar-picker-indicator {
    background-image: var(--calendar-icon) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 18px;
    filter: none;
    opacity: 1;
    color: transparent;
    border: none;
}

input[type="datetime-local"].custom-calendar-icon::-webkit-calendar-picker-indicator {
    background-image: var(--calendar-icon) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 18px;
    filter: none;
    opacity: 1;
    color: transparent;
    border: none;
}