%palette-vars {
	--black: 0, 0, 0;
	--white: 255, 255, 255;
	--on-black: var(--white);
	--on-white: var(--black);

	--red-0: 255, 235, 238;
	--on-red-0: var(--black);
	--red-1: 255, 205, 210;
	--on-red-1: var(--black);
	--red-2: 239, 154, 154;
	--on-red-2: var(--black);
	--red-3: 229, 115, 115;
	--on-red-3: var(--black);
	--red-4: 239, 83, 80;
	--on-red-4: var(--white);
	--red-5: 244, 67, 54;
	--on-red-5: var(--white);
	--red-6: 229, 57, 53;
	--on-red-6: var(--white);
	--red-7: 211, 47, 47;
	--on-red-7: var(--white);
	--red-8: 198, 40, 40;
	--on-red-8: var(--white);
	--red-9: 183, 28, 28;
	--on-red-9: var(--white);

	--pink-0: 252, 228, 236;
	--on-pink-0: var(--black);
	--pink-1: 248, 187, 208;
	--on-pink-1: var(--black);
	--pink-2: 244, 143, 177;
	--on-pink-2: var(--black);
	--pink-3: 240, 98, 146;
	--on-pink-3: var(--black);
	--pink-4: 236, 64, 122;
	--on-pink-4: var(--white);
	--pink-5: 233, 30, 99;
	--on-pink-5: var(--white);
	--pink-6: 216, 27, 96;
	--on-pink-6: var(--white);
	--pink-7: 194, 24, 91;
	--on-pink-7: var(--white);
	--pink-8: 173, 20, 87;
	--on-pink-8: var(--white);
	--pink-9: 136, 14, 79;
	--on-pink-9: var(--white);

	--purple-0: 243, 229, 245;
	--on-purple-0: var(--black);
	--purple-1: 225, 190, 231;
	--on-purple-1: var(--black);
	--purple-2: 206, 147, 216;
	--on-purple-2: var(--black);
	--purple-3: 186, 104, 200;
	--on-purple-3: var(--white);
	--purple-4: 171, 71, 188;
	--on-purple-4: var(--white);
	--purple-5: 156, 39, 176;
	--on-purple-5: var(--white);
	--purple-6: 142, 36, 170;
	--on-purple-6: var(--white);
	--purple-7: 123, 31, 162;
	--on-purple-7: var(--white);
	--purple-8: 106, 27, 154;
	--on-purple-8: var(--white);
	--purple-9: 74, 20, 140;
	--on-purple-9: var(--white);

	--lavender-0: 237, 231, 246;
	--on-lavender-0: var(--black);
	--lavender-1: 209, 196, 233;
	--on-lavender-1: var(--black);
	--lavender-2: 179, 157, 219;
	--on-lavender-2: var(--black);
	--lavender-3: 149, 117, 205;
	--on-lavender-3: var(--white);
	--lavender-4: 126, 87, 194;
	--on-lavender-4: var(--white);
	--lavender-5: 103, 58, 183;
	--on-lavender-5: var(--white);
	--lavender-6: 94, 53, 177;
	--on-lavender-6: var(--white);
	--lavender-7: 81, 45, 168;
	--on-lavender-7: var(--white);
	--lavender-8: 69, 39, 160;
	--on-lavender-8: var(--white);
	--lavender-9: 49, 27, 146;
	--on-lavender-9: var(--white);

	--indigo-0: 232, 234, 246;
	--on-indigo-0: var(--black);
	--indigo-1: 197, 202, 233;
	--on-indigo-1: var(--black);
	--indigo-2: 159, 168, 218;
	--on-indigo-2: var(--black);
	--indigo-3: 121, 134, 203;
	--on-indigo-3: var(--white);
	--indigo-4: 92, 107, 192;
	--on-indigo-4: var(--white);
	--indigo-5: 63, 81, 181;
	--on-indigo-5: var(--white);
	--indigo-6: 57, 73, 171;
	--on-indigo-6: var(--white);
	--indigo-7: 48, 63, 159;
	--on-indigo-7: var(--white);
	--indigo-8: 40, 53, 147;
	--on-indigo-8: var(--white);
	--indigo-9: 26, 35, 126;
	--on-indigo-9: var(--white);

	--blue-0: 227, 242, 253;
	--on-blue-0: var(--black);
	--blue-1: 187, 222, 251;
	--on-blue-1: var(--black);
	--blue-2: 144, 202, 249;
	--on-blue-2: var(--black);
	--blue-3: 100, 181, 246;
	--on-blue-3: var(--black);
	--blue-4: 66, 165, 245;
	--on-blue-4: var(--black);
	--blue-5: 33, 150, 243;
	--on-blue-5: var(--black);
	--blue-6: 30, 136, 229;
	--on-blue-6: var(--white);
	--blue-7: 25, 118, 210;
	--on-blue-7: var(--white);
	--blue-8: 21, 101, 192;
	--on-blue-8: var(--white);
	--blue-9: 13, 71, 161;
	--on-blue-9: var(--white);

	--sky-0: 225, 245, 254;
	--on-sky-0: var(--black);
	--sky-1: 179, 229, 252;
	--on-sky-1: var(--black);
	--sky-2: 129, 212, 250;
	--on-sky-2: var(--black);
	--sky-3: 79, 195, 247;
	--on-sky-3: var(--black);
	--sky-4: 41, 182, 246;
	--on-sky-4: var(--black);
	--sky-5: 3, 169, 244;
	--on-sky-5: var(--black);
	--sky-6: 3, 155, 229;
	--on-sky-6: var(--black);
	--sky-7: 2, 136, 209;
	--on-sky-7: var(--white);
	--sky-8: 2, 119, 189;
	--on-sky-8: var(--white);
	--sky-9: 1, 87, 155;
	--on-sky-9: var(--white);

	--cyan-0: 224, 247, 250;
	--on-cyan-0: var(--black);
	--cyan-1: 178, 235, 242;
	--on-cyan-1: var(--black);
	--cyan-2: 128, 222, 234;
	--on-cyan-2: var(--black);
	--cyan-3: 77, 208, 225;
	--on-cyan-3: var(--black);
	--cyan-4: 38, 198, 218;
	--on-cyan-4: var(--black);
	--cyan-5: 0, 188, 212;
	--on-cyan-5: var(--black);
	--cyan-6: 0, 172, 193;
	--on-cyan-6: var(--black);
	--cyan-7: 0, 151, 167;
	--on-cyan-7: var(--white);
	--cyan-8: 0, 131, 143;
	--on-cyan-8: var(--white);
	--cyan-9: 0, 96, 100;
	--on-cyan-9: var(--white);

	--teal-0: 224, 242, 241;
	--on-teal-0: var(--black);
	--teal-1: 178, 223, 219;
	--on-teal-1: var(--black);
	--teal-2: 128, 203, 196;
	--on-teal-2: var(--black);
	--teal-3: 77, 182, 172;
	--on-teal-3: var(--black);
	--teal-4: 38, 166, 154;
	--on-teal-4: var(--black);
	--teal-5: 0, 150, 136;
	--on-teal-5: var(--white);
	--teal-6: 0, 137, 123;
	--on-teal-6: var(--white);
	--teal-7: 0, 121, 107;
	--on-teal-7: var(--white);
	--teal-8: 0, 105, 92;
	--on-teal-8: var(--white);
	--teal-9: 0, 77, 64;
	--on-teal-9: var(--white);

	--green-0: 232, 245, 233;
	--on-green-0: var(--black);
	--green-1: 200, 230, 201;
	--on-green-1: var(--black);
	--green-2: 165, 214, 167;
	--on-green-2: var(--black);
	--green-3: 129, 199, 132;
	--on-green-3: var(--black);
	--green-4: 102, 187, 106;
	--on-green-4: var(--black);
	--green-5: 76, 175, 80;
	--on-green-5: var(--black);
	--green-6: 67, 160, 71;
	--on-green-6: var(--white);
	--green-7: 56, 142, 60;
	--on-green-7: var(--white);
	--green-8: 46, 125, 50;
	--on-green-8: var(--white);
	--green-9: 27, 94, 32;
	--on-green-9: var(--white);

	--lime-0: 241, 248, 233;
	--on-lime-0: var(--black);
	--lime-1: 220, 237, 200;
	--on-lime-1: var(--black);
	--lime-2: 197, 225, 165;
	--on-lime-2: var(--black);
	--lime-3: 174, 213, 129;
	--on-lime-3: var(--black);
	--lime-4: 156, 204, 101;
	--on-lime-4: var(--black);
	--lime-5: 139, 195, 74;
	--on-lime-5: var(--black);
	--lime-6: 124, 179, 66;
	--on-lime-6: var(--black);
	--lime-7: 104, 159, 56;
	--on-lime-7: var(--black);
	--lime-8: 85, 139, 47;
	--on-lime-8: var(--white);
	--lime-9: 51, 105, 30;
	--on-lime-9: var(--white);

	--olive-0: 249, 251, 231;
	--on-olive-0: var(--black);
	--olive-1: 240, 244, 195;
	--on-olive-1: var(--black);
	--olive-2: 230, 238, 156;
	--on-olive-2: var(--black);
	--olive-3: 220, 231, 117;
	--on-olive-3: var(--black);
	--olive-4: 212, 225, 87;
	--on-olive-4: var(--black);
	--olive-5: 205, 220, 57;
	--on-olive-5: var(--black);
	--olive-6: 192, 202, 51;
	--on-olive-6: var(--black);
	--olive-7: 175, 180, 43;
	--on-olive-7: var(--black);
	--olive-8: 158, 157, 36;
	--on-olive-8: var(--black);
	--olive-9: 130, 119, 23;
	--on-olive-9: var(--white);

	--yellow-0: 255, 253, 231;
	--on-yellow-0: var(--black);
	--yellow-1: 255, 249, 196;
	--on-yellow-1: var(--black);
	--yellow-2: 255, 245, 157;
	--on-yellow-2: var(--black);
	--yellow-3: 255, 241, 118;
	--on-yellow-3: var(--black);
	--yellow-4: 255, 238, 88;
	--on-yellow-4: var(--black);
	--yellow-5: 255, 235, 59;
	--on-yellow-5: var(--black);
	--yellow-6: 253, 216, 53;
	--on-yellow-6: var(--black);
	--yellow-7: 251, 192, 45;
	--on-yellow-7: var(--black);
	--yellow-8: 249, 168, 37;
	--on-yellow-8: var(--black);
	--yellow-9: 245, 127, 23;
	--on-yellow-9: var(--black);

	--amber-0: 255, 248, 225;
	--on-amber-0: var(--black);
	--amber-1: 255, 236, 179;
	--on-amber-1: var(--black);
	--amber-2: 255, 224, 130;
	--on-amber-2: var(--black);
	--amber-3: 255, 213, 79;
	--on-amber-3: var(--black);
	--amber-4: 255, 202, 40;
	--on-amber-4: var(--black);
	--amber-5: 255, 193, 7;
	--on-amber-5: var(--black);
	--amber-6: 255, 179, 0;
	--on-amber-6: var(--black);
	--amber-7: 255, 160, 0;
	--on-amber-7: var(--black);
	--amber-8: 255, 143, 0;
	--on-amber-8: var(--black);
	--amber-9: 255, 111, 0;
	--on-amber-9: var(--black);

	--orange-0: 255, 243, 224;
	--on-orange-0: var(--black);
	--orange-1: 255, 224, 178;
	--on-orange-1: var(--black);
	--orange-2: 255, 204, 128;
	--on-orange-2: var(--black);
	--orange-3: 255, 183, 77;
	--on-orange-3: var(--black);
	--orange-4: 255, 167, 38;
	--on-orange-4: var(--black);
	--orange-5: 255, 152, 0;
	--on-orange-5: var(--black);
	--orange-6: 251, 140, 0;
	--on-orange-6: var(--black);
	--orange-7: 245, 124, 0;
	--on-orange-7: var(--black);
	--orange-8: 239, 108, 0;
	--on-orange-8: var(--black);
	--orange-9: 230, 81, 0;
	--on-orange-9: var(--white);

	--fire-0: 251, 233, 231;
	--on-fire-0: var(--black);
	--fire-1: 255, 204, 188;
	--on-fire-1: var(--black);
	--fire-2: 255, 171, 145;
	--on-fire-2: var(--black);
	--fire-3: 255, 138, 101;
	--on-fire-3: var(--black);
	--fire-4: 255, 112, 67;
	--on-fire-4: var(--black);
	--fire-5: 255, 87, 34;
	--on-fire-5: var(--black);
	--fire-6: 244, 81, 30;
	--on-fire-6: var(--white);
	--fire-7: 230, 74, 25;
	--on-fire-7: var(--white);
	--fire-8: 216, 67, 21;
	--on-fire-8: var(--white);
	--fire-9: 191, 54, 12;
	--on-fire-9: var(--white);

	--brown-0: 239, 235, 233;
	--on-brown-0: var(--black);
	--brown-1: 215, 204, 200;
	--on-brown-1: var(--black);
	--brown-2: 188, 170, 164;
	--on-brown-2: var(--black);
	--brown-3: 161, 136, 127;
	--on-brown-3: var(--white);
	--brown-4: 141, 110, 99;
	--on-brown-4: var(--white);
	--brown-5: 121, 85, 72;
	--on-brown-5: var(--white);
	--brown-6: 109, 76, 65;
	--on-brown-6: var(--white);
	--brown-7: 93, 64, 55;
	--on-brown-7: var(--white);
	--brown-8: 78, 52, 46;
	--on-brown-8: var(--white);
	--brown-9: 62, 39, 35;
	--on-brown-9: var(--white);

	--gray-0: 250, 250, 250;
	--on-gray-0: var(--black);
	--gray-1: 245, 245, 245;
	--on-gray-1: var(--black);
	--gray-2: 238, 238, 238;
	--on-gray-2: var(--black);
	--gray-3: 224, 224, 224;
	--on-gray-3: var(--black);
	--gray-4: 189, 189, 189;
	--on-gray-4: var(--black);
	--gray-5: 158, 158, 158;
	--on-gray-5: var(--black);
	--gray-6: 117, 117, 117;
	--on-gray-6: var(--white);
	--gray-7: 97, 97, 97;
	--on-gray-7: var(--white);
	--gray-8: 66, 66, 66;
	--on-gray-8: var(--white);
	--gray-9: 33, 33, 33;
	--on-gray-9: var(--white);

	--slate-0: 236, 239, 241;
	--on-slate-0: var(--black);
	--slate-1: 207, 216, 220;
	--on-slate-1: var(--black);
	--slate-2: 176, 190, 197;
	--on-slate-2: var(--black);
	--slate-3: 144, 164, 174;
	--on-slate-3: var(--black);
	--slate-4: 120, 144, 156;
	--on-slate-4: var(--white);
	--slate-5: 96, 125, 139;
	--on-slate-5: var(--white);
	--slate-6: 84, 110, 122;
	--on-slate-6: var(--white);
	--slate-7: 69, 90, 100;
	--on-slate-7: var(--white);
	--slate-8: 55, 71, 79;
	--on-slate-8: var(--white);
	--slate-9: 38, 50, 56;
	--on-slate-9: var(--white);
}