:root:not([data-palette]),
:root[data-palette='sonic'] {
  --background: #0d1117;
  --foreground: #e6edf3;
  --foreground-strong: #f0f4f8;
  --card: #161b22;
  --block: #21262d;
  --radio-green: #3fb950;
  --radio-blue: #2f81f7;
  --radio-amber: #d29922;
  --text-code: var(--radio-amber);
  --radio-red: #f85149;
  --radio-line: #31363d;
  --radio-muted: #8f959b;
  --radio-green-shadow: #24692e;
  --background-rgb: 13, 17, 23;
  --foreground-rgb: 230, 237, 243;
  --foreground-strong-rgb: 240, 244, 248;
  --radio-green-rgb: 63, 185, 80;
  --radio-amber-rgb: 210, 153, 34;
  --radio-blue-rgb: 47, 129, 247;
  --hue: 128.36deg;
  --sat: 49.19%;
  --light: 48.63%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='midnight'] {
  --background: #1a1b26;
  --foreground: #c0caf5;
  --foreground-strong: #d9dff9;
  --card: #24283b;
  --block: #292e42;
  --radio-green: #7aa2f7;
  --radio-blue: #bb9af7;
  --radio-amber: #7dcfff;
  --text-code: var(--radio-amber);
  --radio-red: #f7768e;
  --radio-line: #353a50;
  --radio-muted: #7e84a2;
  --radio-green-shadow: #465c8d;
  --background-rgb: 26, 27, 38;
  --foreground-rgb: 192, 202, 245;
  --foreground-strong-rgb: 217, 223, 249;
  --radio-green-rgb: 122, 162, 247;
  --radio-amber-rgb: 125, 207, 255;
  --radio-blue-rgb: 187, 154, 247;
  --hue: 220.80deg;
  --sat: 88.65%;
  --light: 72.35%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='gruvbox'] {
  --background: #282828;
  --foreground: #ebdbb2;
  --foreground-strong: #f3e9d1;
  --card: #32302f;
  --block: #3c3836;
  --radio-green: #b8bb26;
  --radio-blue: #83a598;
  --radio-amber: #fabd2f;
  --text-code: var(--radio-amber);
  --radio-red: #fb4934;
  --radio-line: #4a4540;
  --radio-muted: #9d937b;
  --radio-green-shadow: #696b16;
  --background-rgb: 40, 40, 40;
  --foreground-rgb: 235, 219, 178;
  --foreground-strong-rgb: 243, 233, 209;
  --radio-green-rgb: 184, 187, 38;
  --radio-amber-rgb: 250, 189, 47;
  --radio-blue-rgb: 131, 165, 152;
  --hue: 61.21deg;
  --sat: 66.22%;
  --light: 44.12%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='nord'] {
  --background: #2e3440;
  --foreground: #eceff4;
  --foreground-strong: #f4f5f8;
  --card: #3b4252;
  --block: #434c5e;
  --radio-green: #88c0d0;
  --radio-blue: #81a1c1;
  --radio-amber: #ebcb8b;
  --text-code: var(--radio-amber);
  --radio-red: #bf616a;
  --radio-line: #51596a;
  --radio-muted: #a0a4ac;
  --radio-green-shadow: #4e6d77;
  --background-rgb: 46, 52, 64;
  --foreground-rgb: 236, 239, 244;
  --foreground-strong-rgb: 244, 245, 248;
  --radio-green-rgb: 136, 192, 208;
  --radio-amber-rgb: 235, 203, 139;
  --radio-blue-rgb: 129, 161, 193;
  --hue: 193.33deg;
  --sat: 43.37%;
  --light: 67.45%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='paper'] {
  --background: #ffffff;
  --foreground: #1f2328;
  --foreground-strong: #131518;
  --card: #f6f8fa;
  --block: #eaeef2;
  --radio-green: #1f6feb;
  --radio-blue: #8250df;
  --radio-amber: #bf8700;
  --text-code: var(--radio-amber);
  --radio-red: #cf222e;
  --radio-line: #dadee2;
  --radio-muted: #797b7e;
  --radio-green-shadow: #123f86;
  --background-rgb: 255, 255, 255;
  --foreground-rgb: 31, 35, 40;
  --foreground-strong-rgb: 19, 21, 24;
  --radio-green-rgb: 31, 111, 235;
  --radio-amber-rgb: 191, 135, 0;
  --radio-blue-rgb: 130, 80, 223;
  --hue: 216.47deg;
  --sat: 83.61%;
  --light: 52.16%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: light;
}

:root[data-palette='dracula'] {
  --background: #282a36;
  --foreground: #f8f8f2;
  --foreground-strong: #fbfbf7;
  --card: #343746;
  --block: #44475a;
  --radio-green: #bd93f9;
  --radio-blue: #ff79c6;
  --radio-amber: #8be9fd;
  --text-code: var(--radio-amber);
  --radio-red: #ff5555;
  --radio-line: #525566;
  --radio-muted: #a5a6a7;
  --radio-green-shadow: #6c548e;
  --background-rgb: 40, 42, 54;
  --foreground-rgb: 248, 248, 242;
  --foreground-strong-rgb: 251, 251, 247;
  --radio-green-rgb: 189, 147, 249;
  --radio-amber-rgb: 139, 233, 253;
  --radio-blue-rgb: 255, 121, 198;
  --hue: 264.71deg;
  --sat: 89.47%;
  --light: 77.65%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='catppuccin'] {
  --background: #1e1e2e;
  --foreground: #cdd6f4;
  --foreground-strong: #e1e6f8;
  --card: #313244;
  --block: #45475a;
  --radio-green: #a6e3a1;
  --radio-blue: #89b4fa;
  --radio-amber: #f9e2af;
  --text-code: var(--radio-amber);
  --radio-red: #f38ba8;
  --radio-line: #505266;
  --radio-muted: #878ca5;
  --radio-green-shadow: #5f815c;
  --background-rgb: 30, 30, 46;
  --foreground-rgb: 205, 214, 244;
  --foreground-strong-rgb: 225, 230, 248;
  --radio-green-rgb: 166, 227, 161;
  --radio-amber-rgb: 249, 226, 175;
  --radio-blue-rgb: 137, 180, 250;
  --hue: 115.45deg;
  --sat: 54.10%;
  --light: 76.08%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='rose-pine'] {
  --background: #191724;
  --foreground: #e0def4;
  --foreground-strong: #ecebf8;
  --card: #1f1d2e;
  --block: #26233a;
  --radio-green: #ebbcba;
  --radio-blue: #c4a7e7;
  --radio-amber: #f6c177;
  --text-code: var(--radio-amber);
  --radio-red: #eb6f92;
  --radio-line: #353249;
  --radio-muted: #908ea1;
  --radio-green-shadow: #866b6a;
  --background-rgb: 25, 23, 36;
  --foreground-rgb: 224, 222, 244;
  --foreground-strong-rgb: 236, 235, 248;
  --radio-green-rgb: 235, 188, 186;
  --radio-amber-rgb: 246, 193, 119;
  --radio-blue-rgb: 196, 167, 231;
  --hue: 2.45deg;
  --sat: 55.06%;
  --light: 82.55%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='everforest'] {
  --background: #2d353b;
  --foreground: #d3c6aa;
  --foreground-strong: #e5ddcc;
  --card: #343f44;
  --block: #3d484d;
  --radio-green: #a7c080;
  --radio-blue: #7fbbb3;
  --radio-amber: #dbbc7f;
  --text-code: var(--radio-amber);
  --radio-red: #e67e80;
  --radio-line: #495254;
  --radio-muted: #918c7e;
  --radio-green-shadow: #5f6d49;
  --background-rgb: 45, 53, 59;
  --foreground-rgb: 211, 198, 170;
  --foreground-strong-rgb: 229, 221, 204;
  --radio-green-rgb: 167, 192, 128;
  --radio-amber-rgb: 219, 188, 127;
  --radio-blue-rgb: 127, 187, 179;
  --hue: 83.44deg;
  --sat: 33.68%;
  --light: 62.75%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='solarized-dark'] {
  --background: #002b36;
  --foreground: #93a1a1;
  --foreground-strong: #bec7c7;
  --card: #073642;
  --block: #0b4451;
  --radio-green: #268bd2;
  --radio-blue: #2aa198;
  --radio-amber: #b58900;
  --text-code: var(--radio-amber);
  --radio-red: #dc322f;
  --radio-line: #164b57;
  --radio-muted: #587276;
  --radio-green-shadow: #164f78;
  --background-rgb: 0, 43, 54;
  --foreground-rgb: 147, 161, 161;
  --foreground-strong-rgb: 190, 199, 199;
  --radio-green-rgb: 38, 139, 210;
  --radio-amber-rgb: 181, 137, 0;
  --radio-blue-rgb: 42, 161, 152;
  --hue: 204.77deg;
  --sat: 69.35%;
  --light: 48.63%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='solarized-light'] {
  --background: #fdf6e3;
  --foreground: #586e75;
  --foreground-strong: #354246;
  --card: #eee8d5;
  --block: #e3dcc4;
  --radio-green: #268bd2;
  --radio-blue: #2aa198;
  --radio-amber: #b58900;
  --text-code: var(--radio-amber);
  --radio-red: #dc322f;
  --radio-line: #d8d3be;
  --radio-muted: #9aa4a1;
  --radio-green-shadow: #164f78;
  --background-rgb: 253, 246, 227;
  --foreground-rgb: 88, 110, 117;
  --foreground-strong-rgb: 53, 66, 70;
  --radio-green-rgb: 38, 139, 210;
  --radio-amber-rgb: 181, 137, 0;
  --radio-blue-rgb: 42, 161, 152;
  --hue: 204.77deg;
  --sat: 69.35%;
  --light: 48.63%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: light;
}

:root[data-palette='monokai'] {
  --background: #272822;
  --foreground: #f8f8f2;
  --foreground-strong: #fbfbf7;
  --card: #31322c;
  --block: #3e3d32;
  --radio-green: #a6e22e;
  --radio-blue: #66d9ef;
  --radio-amber: #fd971f;
  --text-code: var(--radio-amber);
  --radio-red: #f92672;
  --radio-line: #4d4c41;
  --radio-muted: #a4a59f;
  --radio-green-shadow: #5f811a;
  --background-rgb: 39, 40, 34;
  --foreground-rgb: 248, 248, 242;
  --foreground-strong-rgb: 251, 251, 247;
  --radio-green-rgb: 166, 226, 46;
  --radio-amber-rgb: 253, 151, 31;
  --radio-blue-rgb: 102, 217, 239;
  --hue: 80.00deg;
  --sat: 75.63%;
  --light: 53.33%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='ayu-mirage'] {
  --background: #1f2430;
  --foreground: #cccac2;
  --foreground-strong: #e0dfda;
  --card: #242936;
  --block: #2d3444;
  --radio-green: #ffcc66;
  --radio-blue: #73d0ff;
  --radio-amber: #f28779;
  --text-code: var(--radio-amber);
  --radio-red: #f28779;
  --radio-line: #3a404e;
  --radio-muted: #878888;
  --radio-green-shadow: #91743a;
  --background-rgb: 31, 36, 48;
  --foreground-rgb: 204, 202, 194;
  --foreground-strong-rgb: 224, 223, 218;
  --radio-green-rgb: 255, 204, 102;
  --radio-amber-rgb: 242, 135, 121;
  --radio-blue-rgb: 115, 208, 255;
  --hue: 40.00deg;
  --sat: 100.00%;
  --light: 70.00%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}

:root[data-palette='latte'] {
  --background: #eff1f5;
  --foreground: #4c4f69;
  --foreground-strong: #2e2f3f;
  --card: #e6e9ef;
  --block: #dce0e8;
  --radio-green: #1e66f5;
  --radio-blue: #8839ef;
  --radio-amber: #df8e1d;
  --text-code: var(--radio-amber);
  --radio-red: #d20f39;
  --radio-line: #d0d4de;
  --radio-muted: #8d90a1;
  --radio-green-shadow: #113a8c;
  --background-rgb: 239, 241, 245;
  --foreground-rgb: 76, 79, 105;
  --foreground-strong-rgb: 46, 47, 63;
  --radio-green-rgb: 30, 102, 245;
  --radio-amber-rgb: 223, 142, 29;
  --radio-blue-rgb: 136, 57, 239;
  --hue: 219.91deg;
  --sat: 91.49%;
  --light: 53.92%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: light;
}

:root[data-palette='night-eaves'] {
  --background: #08085d;
  --foreground: #e9eaf7;
  --foreground-strong: #f2f2fa;
  --card: #12126b;
  --block: #1c1c7e;
  --radio-green: #a2ed45;
  --radio-blue: #7aa2ff;
  --radio-amber: #ffd166;
  --text-code: var(--radio-amber);
  --radio-red: #ff5d73;
  --radio-line: #2c2c88;
  --radio-muted: #8f90b9;
  --radio-green-shadow: #5c8727;
  --background-rgb: 8, 8, 93;
  --foreground-rgb: 233, 234, 247;
  --foreground-strong-rgb: 242, 242, 250;
  --radio-green-rgb: 162, 237, 69;
  --radio-amber-rgb: 255, 209, 102;
  --radio-blue-rgb: 122, 162, 255;
  --hue: 86.79deg;
  --sat: 82.35%;
  --light: 60.00%;
  --theme: var(--radio-green);
  --accent: var(--radio-amber);
  --link: var(--radio-blue);
  --link-a20: rgba(var(--radio-blue-rgb), 0.2);
  --item-theme: var(--radio-green);
  --text: var(--foreground-strong);
  --text-reverse: var(--background);
  --text-p1: rgba(var(--foreground-rgb), 0.88);
  --text-p2: rgba(var(--foreground-rgb), 0.76);
  --text-p3: rgba(var(--foreground-rgb), 0.58);
  --text-p4: rgba(var(--foreground-rgb), 0.46);
  --text-meta: rgba(var(--foreground-rgb), 0.28);
  --text-a10: rgba(var(--foreground-rgb), 0.1);
  --text-a20: rgba(var(--foreground-rgb), 0.2);
  --bg-a20: rgba(var(--background-rgb), 0.2);
  --bg-a50: rgba(var(--background-rgb), 0.5);
  --bg-a60: rgba(var(--background-rgb), 0.6);
  --bg-a75: rgba(var(--background-rgb), 0.75);
  --bg-a100: rgba(var(--background-rgb), 1);
  --block-border: var(--radio-line);
  color-scheme: dark;
}