/* Qrystal · Farbwelten – GENERIERT aus tools/palettes.py. Nur Farben, Struktur & Layout bleiben unverändert. */
:root[data-palette="royal"] {--cyan: #c9c8d0; --teal: #8e8a98; --green: #3c6cf0; --purple: #f6d38a; --navy: #0b2a8a; --red-deep: #0b2a8a; --tint-1: #0b2a8a; --tint-2: #f6d38a;}
:root[data-palette="royal"]:not([data-theme="light"]) {--bg: #070d2a; --bg-2: #0f1531; --bg-3: #181d39; --surface: #141a35; --surface-2: #1b213c; --surface-3: #262b45; --glass: rgba(31, 36, 63, 0.62); --glass-strong: rgba(24, 29, 57, 0.86); --line: rgba(243, 243, 250, 0.08); --line-2: rgba(243, 243, 250, 0.14); --line-3: rgba(243, 243, 250, 0.24); --text: #f3f3fa; --text-2: rgba(243, 243, 250, 0.76); --muted: rgba(243, 243, 250, 0.58); --faint: rgba(243, 243, 250, 0.38); --input: rgba(243, 243, 250, 0.04); --input-focus: rgba(243, 243, 250, 0.07); --red: #3c6cf0; --red-2: #5d84f2; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #f3f3fa 0%, rgba(243, 243, 250, 0.72) 100%); --util-bg: #0e1430; --util-bg-light: #c9cad5; color-scheme: dark;}
:root[data-palette="royal"][data-theme="light"] {--bg: #f2f1f6; --bg-2: #eae9ef; --bg-3: #e2e1e8; --surface: #fcfcfd; --surface-2: #f8f7fa; --surface-3: #e2e1e8; --glass: rgba(251, 251, 252, 0.7); --glass-strong: rgba(252, 252, 253, 0.9); --line: rgba(11, 18, 51, 0.08); --line-2: rgba(11, 18, 51, 0.14); --line-3: rgba(11, 18, 51, 0.24); --text: #0b1233; --text-2: rgba(11, 18, 51, 0.76); --muted: rgba(11, 18, 51, 0.58); --faint: rgba(11, 18, 51, 0.38); --input: #fcfcfd; --input-focus: #ffffff; --red: #0b2a8a; --red-2: #0b267a; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #0b1233 0%, #0b2067 120%); --util-bg: #ebeaf0; --util-bg-light: #353a56; color-scheme: light;}
:root[data-palette="emerald"] {--cyan: #e6b373; --teal: #d49a5c; --green: #2f8f78; --purple: #004d3f; --navy: #f2c9a8; --red-deep: #004d3f; --tint-1: #f2c9a8; --tint-2: #004d3f;}
:root[data-palette="emerald"]:not([data-theme="light"]) {--bg: #092629; --bg-2: #122d30; --bg-3: #1a3437; --surface: #163134; --surface-2: #1e3739; --surface-3: #294042; --glass: rgba(33, 58, 60, 0.62); --glass-strong: rgba(26, 52, 55, 0.86); --line: rgba(252, 241, 234, 0.08); --line-2: rgba(252, 241, 234, 0.14); --line-3: rgba(252, 241, 234, 0.24); --text: #fcf1ea; --text-2: rgba(252, 241, 234, 0.76); --muted: rgba(252, 241, 234, 0.58); --faint: rgba(252, 241, 234, 0.38); --input: rgba(252, 241, 234, 0.04); --input-focus: rgba(252, 241, 234, 0.07); --red: #e6b373; --red-2: #eabe88; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #fcf1ea 0%, rgba(252, 241, 234, 0.72) 100%); --util-bg: #102c2f; --util-bg-light: #d0ccc7; color-scheme: dark;}
:root[data-palette="emerald"][data-theme="light"] {--bg: #fcf1ea; --bg-2: #f3eae3; --bg-3: #ebe3dc; --surface: #fefcfa; --surface-2: #fdf7f3; --surface-3: #ebe3dc; --glass: rgba(254, 251, 249, 0.7); --glass-strong: rgba(254, 252, 251, 0.9); --line: rgba(9, 38, 41, 0.08); --line-2: rgba(9, 38, 41, 0.14); --line-3: rgba(9, 38, 41, 0.24); --text: #092629; --text-2: rgba(9, 38, 41, 0.76); --muted: rgba(9, 38, 41, 0.58); --faint: rgba(9, 38, 41, 0.38); --input: #fefcfb; --input-focus: #ffffff; --red: #004d3f; --red-2: #02463b; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #092629 0%, #043d36 120%); --util-bg: #f5ebe4; --util-bg-light: #354b4c; color-scheme: light;}
:root[data-palette="dune"] {--cyan: #eae0d5; --teal: #c6ac8e; --green: #5e503f; --purple: #22333b; --navy: #4d6977; --red-deep: #5e503f; --tint-1: #4d6977; --tint-2: #22333b;}
:root[data-palette="dune"]:not([data-theme="light"]) {--bg: #0a0908; --bg-2: #12110f; --bg-3: #1a1816; --surface: #161513; --surface-2: #1d1b19; --surface-3: #272523; --glass: rgba(32, 30, 28, 0.62); --glass-strong: rgba(26, 24, 22, 0.86); --line: rgba(234, 224, 213, 0.08); --line-2: rgba(234, 224, 213, 0.14); --line-3: rgba(234, 224, 213, 0.24); --text: #eae0d5; --text-2: rgba(234, 224, 213, 0.76); --muted: rgba(234, 224, 213, 0.58); --faint: rgba(234, 224, 213, 0.38); --input: rgba(234, 224, 213, 0.04); --input-focus: rgba(234, 224, 213, 0.07); --red: #c6ac8e; --red-2: #ccb59b; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #eae0d5 0%, rgba(234, 224, 213, 0.72) 100%); --util-bg: #110f0e; --util-bg-light: #c2b9b0; color-scheme: dark;}
:root[data-palette="dune"][data-theme="light"] {--bg: #eae0d5; --bg-2: #e2d8ce; --bg-3: #dad1c7; --surface: #faf7f4; --surface-2: #f3eee8; --surface-3: #dad1c7; --glass: rgba(249, 246, 242, 0.7); --glass-strong: rgba(251, 249, 247, 0.9); --line: rgba(10, 9, 8, 0.08); --line-2: rgba(10, 9, 8, 0.14); --line-3: rgba(10, 9, 8, 0.24); --text: #0a0908; --text-2: rgba(10, 9, 8, 0.76); --muted: rgba(10, 9, 8, 0.58); --faint: rgba(10, 9, 8, 0.38); --input: #fbf9f7; --input-focus: #ffffff; --red: #22333b; --red-2: #1e2b32; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #0a0908 0%, #3c3429 120%); --util-bg: #e3dacf; --util-bg-light: #32302d; color-scheme: light;}
:root[data-palette="blackberry"] {--cyan: #c9a27a; --teal: #9b7a92; --green: #2f6470; --purple: #204952; --navy: #48192e; --red-deep: #48192e; --tint-1: #48192e; --tint-2: #204952;}
:root[data-palette="blackberry"]:not([data-theme="light"]) {--bg: #281822; --bg-2: #2f1f29; --bg-3: #362730; --surface: #33242d; --surface-2: #392a33; --surface-3: #42333b; --glass: rgba(60, 45, 54, 0.62); --glass-strong: rgba(54, 39, 48, 0.86); --line: rgba(241, 235, 230, 0.08); --line-2: rgba(241, 235, 230, 0.14); --line-3: rgba(241, 235, 230, 0.24); --text: #f1ebe6; --text-2: rgba(241, 235, 230, 0.76); --muted: rgba(241, 235, 230, 0.58); --faint: rgba(241, 235, 230, 0.38); --input: rgba(241, 235, 230, 0.04); --input-focus: rgba(241, 235, 230, 0.07); --red: #c9a27a; --red-2: #d0af8d; --on-accent: #0d0d0d; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #f1ebe6 0%, rgba(241, 235, 230, 0.72) 100%); --util-bg: #2e1e28; --util-bg-light: #cdc5c3; color-scheme: dark;}
:root[data-palette="blackberry"][data-theme="light"] {--bg: #d3cbc4; --bg-2: #cdc5be; --bg-3: #c7beb9; --surface: #f4f2f0; --surface-2: #e7e2df; --surface-3: #c7beb9; --glass: rgba(242, 239, 237, 0.7); --glass-strong: rgba(246, 245, 243, 0.9); --line: rgba(40, 24, 34, 0.08); --line-2: rgba(40, 24, 34, 0.14); --line-3: rgba(40, 24, 34, 0.24); --text: #281822; --text-2: rgba(40, 24, 34, 0.76); --muted: rgba(40, 24, 34, 0.58); --faint: rgba(40, 24, 34, 0.38); --input: #f6f5f3; --input-focus: #ffffff; --red: #48192e; --red-2: #42192c; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #281822 0%, #3b1929 120%); --util-bg: #cec6bf; --util-bg-light: #47383f; color-scheme: light;}
:root[data-palette="pine"] {--cyan: #ede3d6; --teal: #b3a696; --green: #7a6b5e; --purple: #55603f; --navy: #292e1e; --red-deep: #7a6b5e; --tint-1: #292e1e; --tint-2: #55603f;}
:root[data-palette="pine"]:not([data-theme="light"]) {--bg: #1e2216; --bg-2: #25291d; --bg-3: #2d3025; --surface: #2a2d22; --surface-2: #303328; --surface-3: #3a3d32; --glass: rgba(51, 54, 43, 0.62); --glass-strong: rgba(45, 48, 37, 0.86); --line: rgba(244, 238, 235, 0.08); --line-2: rgba(244, 238, 235, 0.14); --line-3: rgba(244, 238, 235, 0.24); --text: #f4eeeb; --text-2: rgba(244, 238, 235, 0.76); --muted: rgba(244, 238, 235, 0.58); --faint: rgba(244, 238, 235, 0.38); --input: rgba(244, 238, 235, 0.04); --input-focus: rgba(244, 238, 235, 0.07); --red: #b3a696; --red-2: #bfb3a5; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #f4eeeb 0%, rgba(244, 238, 235, 0.72) 100%); --util-bg: #24281c; --util-bg-light: #cdc9c5; color-scheme: dark;}
:root[data-palette="pine"][data-theme="light"] {--bg: #f4eeeb; --bg-2: #ede7e4; --bg-3: #e6e1dd; --surface: #fcfbfa; --surface-2: #f9f6f4; --surface-3: #e6e1dd; --glass: rgba(252, 250, 249, 0.7); --glass-strong: rgba(253, 252, 251, 0.9); --line: rgba(41, 46, 30, 0.08); --line-2: rgba(41, 46, 30, 0.14); --line-3: rgba(41, 46, 30, 0.24); --text: #292e1e; --text-2: rgba(41, 46, 30, 0.76); --muted: rgba(41, 46, 30, 0.58); --faint: rgba(41, 46, 30, 0.38); --input: #fdfcfb; --input-focus: #ffffff; --red: #292e1e; --red-2: #292e1e; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #292e1e 0%, #5a5344 120%); --util-bg: #eee8e5; --util-bg-light: #4e5143; color-scheme: light;}
:root[data-palette="goldmarble"] {--cyan: #deddde; --teal: #cbb989; --green: #b79347; --purple: #a7967d; --navy: #81571e; --red-deep: #81571e; --tint-1: #81571e; --tint-2: #a7967d;}
:root[data-palette="goldmarble"]:not([data-theme="light"]) {--bg: #16130e; --bg-2: #1e1b16; --bg-3: #25221d; --surface: #221f1a; --surface-2: #292621; --surface-3: #32302b; --glass: rgba(44, 41, 36, 0.62); --glass-strong: rgba(37, 34, 29, 0.86); --line: rgba(241, 239, 234, 0.08); --line-2: rgba(241, 239, 234, 0.14); --line-3: rgba(241, 239, 234, 0.24); --text: #f1efea; --text-2: rgba(241, 239, 234, 0.76); --muted: rgba(241, 239, 234, 0.58); --faint: rgba(241, 239, 234, 0.38); --input: rgba(241, 239, 234, 0.04); --input-focus: rgba(241, 239, 234, 0.07); --red: #cbb989; --red-2: #d2c39a; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #f1efea 0%, rgba(241, 239, 234, 0.72) 100%); --util-bg: #1d1a15; --util-bg-light: #cac7c2; color-scheme: dark;}
:root[data-palette="goldmarble"][data-theme="light"] {--bg: #f4f3f2; --bg-2: #edecea; --bg-3: #e6e4e3; --surface: #fcfcfc; --surface-2: #f9f8f8; --surface-3: #e6e4e3; --glass: rgba(252, 251, 251, 0.7); --glass-strong: rgba(253, 253, 252, 0.9); --line: rgba(42, 33, 22, 0.08); --line-2: rgba(42, 33, 22, 0.14); --line-3: rgba(42, 33, 22, 0.24); --text: #2a2116; --text-2: rgba(42, 33, 22, 0.76); --muted: rgba(42, 33, 22, 0.58); --faint: rgba(42, 33, 22, 0.38); --input: #fdfdfc; --input-focus: #ffffff; --red: #81571e; --red-2: #714d1d; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #2a2116 0%, #5e411b 120%); --util-bg: #eeedeb; --util-bg-light: #4e473e; color-scheme: light;}
:root[data-palette="classic"] {--cyan: #e6dfd7; --teal: #b38c6a; --green: #2e5a60; --purple: #1f3e43; --navy: #5b2c36; --red-deep: #5b2c36; --tint-1: #5b2c36; --tint-2: #1f3e43;}
:root[data-palette="classic"]:not([data-theme="light"]) {--bg: #1d2628; --bg-2: #242c2e; --bg-3: #2b3334; --surface: #283032; --surface-2: #2e3637; --surface-3: #373e3f; --glass: rgba(49, 56, 58, 0.62); --glass-strong: rgba(43, 51, 52, 0.86); --line: rgba(230, 223, 215, 0.08); --line-2: rgba(230, 223, 215, 0.14); --line-3: rgba(230, 223, 215, 0.24); --text: #e6dfd7; --text-2: rgba(230, 223, 215, 0.76); --muted: rgba(230, 223, 215, 0.58); --faint: rgba(230, 223, 215, 0.38); --input: rgba(230, 223, 215, 0.04); --input-focus: rgba(230, 223, 215, 0.07); --red: #b38c6a; --red-2: #bc9b7e; --on-accent: #0d0d0d; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #e6dfd7 0%, rgba(230, 223, 215, 0.72) 100%); --util-bg: #232c2d; --util-bg-light: #c2beb8; color-scheme: dark;}
:root[data-palette="classic"][data-theme="light"] {--bg: #e6dfd7; --bg-2: #dfd9d1; --bg-3: #d8d2cb; --surface: #f9f7f5; --surface-2: #f1ede9; --surface-3: #d8d2cb; --glass: rgba(248, 245, 243, 0.7); --glass-strong: rgba(250, 249, 247, 0.9); --line: rgba(29, 38, 40, 0.08); --line-2: rgba(29, 38, 40, 0.14); --line-3: rgba(29, 38, 40, 0.24); --text: #1d2628; --text-2: rgba(29, 38, 40, 0.76); --muted: rgba(29, 38, 40, 0.58); --faint: rgba(29, 38, 40, 0.38); --input: #faf9f7; --input-focus: #ffffff; --red: #5b2c36; --red-2: #502b33; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #1d2628 0%, #422a30 120%); --util-bg: #e0d9d2; --util-bg-light: #414748; color-scheme: light;}
:root[data-palette="jungle"] {--cyan: #ecc773; --teal: #f7a647; --green: #64988a; --purple: #4c6963; --navy: #c29152; --red-deep: #c29152; --tint-1: #c29152; --tint-2: #4c6963;}
:root[data-palette="jungle"]:not([data-theme="light"]) {--bg: #16231f; --bg-2: #1e2a26; --bg-3: #26312c; --surface: #222e29; --surface-2: #29342f; --surface-3: #333d38; --glass: rgba(44, 55, 50, 0.62); --glass-strong: rgba(38, 49, 44, 0.86); --line: rgba(246, 236, 220, 0.08); --line-2: rgba(246, 236, 220, 0.14); --line-3: rgba(246, 236, 220, 0.24); --text: #f6ecdc; --text-2: rgba(246, 236, 220, 0.76); --muted: rgba(246, 236, 220, 0.58); --faint: rgba(246, 236, 220, 0.38); --input: rgba(246, 236, 220, 0.04); --input-focus: rgba(246, 236, 220, 0.07); --red: #f7a647; --red-2: #f7b362; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #f6ecdc 0%, rgba(246, 236, 220, 0.72) 100%); --util-bg: #1d2925; --util-bg-light: #cec8ba; color-scheme: dark;}
:root[data-palette="jungle"][data-theme="light"] {--bg: #f6ecdc; --bg-2: #eee5d6; --bg-3: #e7decf; --surface: #fdfaf6; --surface-2: #faf5ec; --surface-3: #e7decf; --glass: rgba(252, 249, 244, 0.7); --glass-strong: rgba(253, 251, 248, 0.9); --line: rgba(29, 43, 39, 0.08); --line-2: rgba(29, 43, 39, 0.14); --line-3: rgba(29, 43, 39, 0.24); --text: #1d2b27; --text-2: rgba(29, 43, 39, 0.76); --muted: rgba(29, 43, 39, 0.58); --faint: rgba(29, 43, 39, 0.38); --input: #fdfbf8; --input-focus: #ffffff; --red: #4c6963; --red-2: #445e58; --on-accent: #ffffff; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #1d2b27 0%, #806841 120%); --util-bg: #efe6d7; --util-bg-light: #444e48; color-scheme: light;}
:root[data-palette="bordeaux"] {--cyan: #e1dbd7; --teal: #c9a7a5; --green: #a02a3f; --purple: #5c0d1d; --navy: #3b0510; --red-deep: #3b0510; --tint-1: #3b0510; --tint-2: #5c0d1d;}
:root[data-palette="bordeaux"]:not([data-theme="light"]) {--bg: #1a0f10; --bg-2: #221718; --bg-3: #291f20; --surface: #261c1c; --surface-2: #2d2223; --surface-3: #362d2d; --glass: rgba(48, 38, 38, 0.62); --glass-strong: rgba(41, 31, 32, 0.86); --line: rgba(244, 244, 241, 0.08); --line-2: rgba(244, 244, 241, 0.14); --line-3: rgba(244, 244, 241, 0.24); --text: #f4f4f1; --text-2: rgba(244, 244, 241, 0.76); --muted: rgba(244, 244, 241, 0.58); --faint: rgba(244, 244, 241, 0.38); --input: rgba(244, 244, 241, 0.04); --input-focus: rgba(244, 244, 241, 0.07); --red: #c8445a; --red-2: #d06475; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #f4f4f1 0%, rgba(244, 244, 241, 0.72) 100%); --util-bg: #211617; --util-bg-light: #cdcbc8; color-scheme: dark;}
:root[data-palette="bordeaux"][data-theme="light"] {--bg: #f4f4f1; --bg-2: #edece9; --bg-3: #e5e4e2; --surface: #fcfcfc; --surface-2: #f9f9f7; --surface-3: #e5e4e2; --glass: rgba(252, 252, 251, 0.7); --glass-strong: rgba(253, 253, 252, 0.9); --line: rgba(34, 21, 22, 0.08); --line-2: rgba(34, 21, 22, 0.14); --line-3: rgba(34, 21, 22, 0.24); --text: #221516; --text-2: rgba(34, 21, 22, 0.76); --muted: rgba(34, 21, 22, 0.58); --faint: rgba(34, 21, 22, 0.38); --input: #fdfdfc; --input-focus: #ffffff; --red: #3b0510; --red-2: #360811; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #221516 0%, #310b12 120%); --util-bg: #eeedea; --util-bg-light: #483d3d; color-scheme: light;}
:root[data-palette="olive"] {--cyan: #e4e1dc; --teal: #b8ac9e; --green: #8a8d73; --purple: #6e715c; --navy: #383b2a; --red-deep: #6e715c; --tint-1: #383b2a; --tint-2: #6e715c;}
:root[data-palette="olive"]:not([data-theme="light"]) {--bg: #1f2117; --bg-2: #26281e; --bg-3: #2d2f25; --surface: #2a2c22; --surface-2: #303228; --surface-3: #3a3b32; --glass: rgba(52, 53, 44, 0.62); --glass-strong: rgba(45, 47, 37, 0.86); --line: rgba(236, 233, 228, 0.08); --line-2: rgba(236, 233, 228, 0.14); --line-3: rgba(236, 233, 228, 0.24); --text: #ece9e4; --text-2: rgba(236, 233, 228, 0.76); --muted: rgba(236, 233, 228, 0.58); --faint: rgba(236, 233, 228, 0.38); --input: rgba(236, 233, 228, 0.04); --input-focus: rgba(236, 233, 228, 0.07); --red: #b8ac9e; --red-2: #c1b7ab; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #ece9e4 0%, rgba(236, 233, 228, 0.72) 100%); --util-bg: #25271d; --util-bg-light: #c7c5bf; color-scheme: dark;}
:root[data-palette="olive"][data-theme="light"] {--bg: #e4e1dc; --bg-2: #dddbd5; --bg-3: #d7d4cf; --surface: #f8f8f6; --surface-2: #f0eeec; --surface-3: #d7d4cf; --glass: rgba(247, 246, 244, 0.7); --glass-strong: rgba(250, 249, 248, 0.9); --line: rgba(42, 44, 31, 0.08); --line-2: rgba(42, 44, 31, 0.14); --line-3: rgba(42, 44, 31, 0.24); --text: #2a2c1f; --text-2: rgba(42, 44, 31, 0.76); --muted: rgba(42, 44, 31, 0.58); --faint: rgba(42, 44, 31, 0.38); --input: #faf9f8; --input-focus: #ffffff; --red: #383b2a; --red-2: #353828; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #2a2c1f 0%, #535544 120%); --util-bg: #dedcd6; --util-bg-light: #4b4d41; color-scheme: light;}
:root[data-palette="midnightgold"] {--cyan: #f3bd68; --teal: #c7843b; --green: #4d6473; --purple: #2c4657; --navy: #7e97a6; --red-deep: #c7843b; --tint-1: #7e97a6; --tint-2: #2c4657;}
:root[data-palette="midnightgold"]:not([data-theme="light"]) {--bg: #060b10; --bg-2: #0e1318; --bg-3: #161b20; --surface: #13181d; --surface-2: #1a1f23; --surface-3: #24292e; --glass: rgba(29, 34, 39, 0.62); --glass-strong: rgba(22, 27, 32, 0.86); --line: rgba(238, 242, 245, 0.08); --line-2: rgba(238, 242, 245, 0.14); --line-3: rgba(238, 242, 245, 0.24); --text: #eef2f5; --text-2: rgba(238, 242, 245, 0.76); --muted: rgba(238, 242, 245, 0.58); --faint: rgba(238, 242, 245, 0.38); --input: rgba(238, 242, 245, 0.04); --input-focus: rgba(238, 242, 245, 0.07); --red: #f3bd68; --red-2: #f2c781; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #eef2f5 0%, rgba(238, 242, 245, 0.72) 100%); --util-bg: #0d1217; --util-bg-light: #c4c8cc; color-scheme: dark;}
:root[data-palette="midnightgold"][data-theme="light"] {--bg: #eef2f5; --bg-2: #e6ebee; --bg-3: #dfe4e7; --surface: #fbfcfc; --surface-2: #f6f8fa; --surface-3: #dfe4e7; --glass: rgba(250, 251, 252, 0.7); --glass-strong: rgba(252, 252, 253, 0.9); --line: rgba(23, 37, 49, 0.08); --line-2: rgba(23, 37, 49, 0.14); --line-3: rgba(23, 37, 49, 0.24); --text: #172531; --text-2: rgba(23, 37, 49, 0.76); --muted: rgba(23, 37, 49, 0.58); --faint: rgba(23, 37, 49, 0.38); --input: #fcfcfd; --input-focus: #ffffff; --red: #a8661f; --red-2: #8e5a22; --on-accent: #ffffff; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #172531 0%, #815e37 120%); --util-bg: #e8ecef; --util-bg-light: #3e4a54; color-scheme: light;}
:root[data-palette="linden"] {--cyan: #ccdada; --teal: #b8ae73; --green: #cd9f41; --purple: #f0be99; --navy: #701236; --red-deep: #701236; --tint-1: #701236; --tint-2: #f0be99;}
:root[data-palette="linden"]:not([data-theme="light"]) {--bg: #1c1f19; --bg-2: #242620; --bg-3: #2b2e27; --surface: #282b24; --surface-2: #2f3129; --surface-3: #383a32; --glass: rgba(50, 52, 44, 0.62); --glass-strong: rgba(43, 46, 39, 0.86); --line: rgba(246, 241, 219, 0.08); --line-2: rgba(246, 241, 219, 0.14); --line-3: rgba(246, 241, 219, 0.24); --text: #f6f1db; --text-2: rgba(246, 241, 219, 0.76); --muted: rgba(246, 241, 219, 0.58); --faint: rgba(246, 241, 219, 0.38); --input: rgba(246, 241, 219, 0.04); --input-focus: rgba(246, 241, 219, 0.07); --red: #cd9f41; --red-2: #d4ae5d; --on-accent: #0d0d0d; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #f6f1db 0%, rgba(246, 241, 219, 0.72) 100%); --util-bg: #23251f; --util-bg-light: #cfcbb8; color-scheme: dark;}
:root[data-palette="linden"][data-theme="light"] {--bg: #f6f1db; --bg-2: #efead4; --bg-3: #e7e2ce; --surface: #fdfcf6; --surface-2: #faf7eb; --surface-3: #e7e2ce; --glass: rgba(252, 251, 244, 0.7); --glass-strong: rgba(253, 252, 248, 0.9); --line: rgba(33, 33, 33, 0.08); --line-2: rgba(33, 33, 33, 0.14); --line-3: rgba(33, 33, 33, 0.24); --text: #212121; --text-2: rgba(33, 33, 33, 0.76); --muted: rgba(33, 33, 33, 0.58); --faint: rgba(33, 33, 33, 0.38); --input: #fdfcf8; --input-focus: #ffffff; --red: #701236; --red-2: #621532; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #212121 0%, #50182e 120%); --util-bg: #f0ebd5; --util-bg-light: #474642; color-scheme: light;}
:root[data-palette="velvet"] {--cyan: #fbedc3; --teal: #ccb363; --green: #c27e35; --purple: #762908; --navy: #3d6b51; --red-deep: #762908; --tint-1: #3d6b51; --tint-2: #762908;}
:root[data-palette="velvet"]:not([data-theme="light"]) {--bg: #122019; --bg-2: #1a271f; --bg-3: #222e25; --surface: #1f2b22; --surface-2: #263127; --surface-3: #303b2f; --glass: rgba(41, 52, 42, 0.62); --glass-strong: rgba(34, 46, 37, 0.86); --line: rgba(251, 237, 195, 0.08); --line-2: rgba(251, 237, 195, 0.14); --line-3: rgba(251, 237, 195, 0.24); --text: #fbedc3; --text-2: rgba(251, 237, 195, 0.76); --muted: rgba(251, 237, 195, 0.58); --faint: rgba(251, 237, 195, 0.38); --input: rgba(251, 237, 195, 0.04); --input-focus: rgba(251, 237, 195, 0.07); --red: #ccb363; --red-2: #d4bd74; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #fbedc3 0%, rgba(251, 237, 195, 0.72) 100%); --util-bg: #19261e; --util-bg-light: #d1c8a4; color-scheme: dark;}
:root[data-palette="velvet"][data-theme="light"] {--bg: #fbf3dc; --bg-2: #f3ecd6; --bg-3: #ece5cf; --surface: #fefcf6; --surface-2: #fdf8ec; --surface-3: #ece5cf; --glass: rgba(254, 251, 244, 0.7); --glass-strong: rgba(254, 253, 248, 0.9); --line: rgba(30, 50, 38, 0.08); --line-2: rgba(30, 50, 38, 0.14); --line-3: rgba(30, 50, 38, 0.24); --text: #1e3226; --text-2: rgba(30, 50, 38, 0.76); --muted: rgba(30, 50, 38, 0.58); --faint: rgba(30, 50, 38, 0.38); --input: #fefdf8; --input-focus: #ffffff; --red: #762908; --red-2: #662b0d; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #1e3226 0%, #532d14 120%); --util-bg: #f4edd7; --util-bg-light: #465547; color-scheme: light;}
:root[data-palette="manhattan"] {--cyan: #c7c5bd; --teal: #9a9082; --green: #6b5d4d; --purple: #3d3833; --navy: #b8a98f; --red-deep: #6b5d4d; --tint-1: #b8a98f; --tint-2: #3d3833;}
:root[data-palette="manhattan"]:not([data-theme="light"]) {--bg: #131211; --bg-2: #1b1a19; --bg-3: #222120; --surface: #1f1e1d; --surface-2: #262523; --surface-3: #302f2d; --glass: rgba(41, 40, 39, 0.62); --glass-strong: rgba(34, 33, 32, 0.86); --line: rgba(239, 238, 233, 0.08); --line-2: rgba(239, 238, 233, 0.14); --line-3: rgba(239, 238, 233, 0.24); --text: #efeee9; --text-2: rgba(239, 238, 233, 0.76); --muted: rgba(239, 238, 233, 0.58); --faint: rgba(239, 238, 233, 0.38); --input: rgba(239, 238, 233, 0.04); --input-focus: rgba(239, 238, 233, 0.07); --red: #9a9082; --red-2: #a9a195; --on-accent: #0d0d0d; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #efeee9 0%, rgba(239, 238, 233, 0.72) 100%); --util-bg: #1a1917; --util-bg-light: #c7c6c2; color-scheme: dark;}
:root[data-palette="manhattan"][data-theme="light"] {--bg: #efeee9; --bg-2: #e7e6e1; --bg-3: #e0dfda; --surface: #fbfbfa; --surface-2: #f6f6f3; --surface-3: #e0dfda; --glass: rgba(250, 250, 248, 0.7); --glass-strong: rgba(252, 252, 251, 0.9); --line: rgba(19, 18, 17, 0.08); --line-2: rgba(19, 18, 17, 0.14); --line-3: rgba(19, 18, 17, 0.24); --text: #131211; --text-2: rgba(19, 18, 17, 0.76); --muted: rgba(19, 18, 17, 0.58); --faint: rgba(19, 18, 17, 0.38); --input: #fcfcfb; --input-focus: #ffffff; --red: #3d3833; --red-2: #35312d; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #131211 0%, #483f35 120%); --util-bg: #e8e7e3; --util-bg-light: #3b3a38; color-scheme: light;}
:root[data-palette="redgold"] {--cyan: #d4b356; --teal: #bd953e; --green: #900500; --purple: #6b0200; --navy: #e8cf86; --red-deep: #6b0200; --tint-1: #e8cf86; --tint-2: #6b0200;}
:root[data-palette="redgold"]:not([data-theme="light"]) {--bg: #1c0101; --bg-2: #240908; --bg-3: #2b1110; --surface: #280e0c; --surface-2: #2f1513; --surface-3: #38201c; --glass: rgba(50, 24, 22, 0.62); --glass-strong: rgba(43, 17, 16, 0.86); --line: rgba(247, 236, 210, 0.08); --line-2: rgba(247, 236, 210, 0.14); --line-3: rgba(247, 236, 210, 0.24); --text: #f7ecd2; --text-2: rgba(247, 236, 210, 0.76); --muted: rgba(247, 236, 210, 0.58); --faint: rgba(247, 236, 210, 0.38); --input: rgba(247, 236, 210, 0.04); --input-focus: rgba(247, 236, 210, 0.07); --red: #d4b356; --red-2: #dabd6c; --on-accent: #0d0d0d; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #f7ecd2 0%, rgba(247, 236, 210, 0.72) 100%); --util-bg: #230807; --util-bg-light: #d0c2ac; color-scheme: dark;}
:root[data-palette="redgold"][data-theme="light"] {--bg: #faf3e3; --bg-2: #f3ebdb; --bg-3: #ece2d3; --surface: #fefcf8; --surface-2: #fcf8f0; --surface-3: #ece2d3; --glass: rgba(254, 251, 247, 0.7); --glass-strong: rgba(254, 253, 249, 0.9); --line: rgba(43, 3, 3, 0.08); --line-2: rgba(43, 3, 3, 0.14); --line-3: rgba(43, 3, 3, 0.24); --text: #2b0303; --text-2: rgba(43, 3, 3, 0.76); --muted: rgba(43, 3, 3, 0.58); --faint: rgba(43, 3, 3, 0.38); --input: #fefdf9; --input-focus: #ffffff; --red: #900500; --red-2: #7e0501; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #2b0303 0%, #510201 120%); --util-bg: #f4ecdc; --util-bg-light: #502e2b; color-scheme: light;}
:root[data-palette="carriage"] {--cyan: #f8d794; --teal: #efeacd; --green: #c23a2b; --purple: #9c0512; --navy: #64090c; --red-deep: #9c0512; --tint-1: #64090c; --tint-2: #9c0512;}
:root[data-palette="carriage"]:not([data-theme="light"]) {--bg: #0e0000; --bg-2: #160807; --bg-3: #1e100e; --surface: #1a0d0b; --surface-2: #211411; --surface-3: #2b1e1b; --glass: rgba(36, 23, 20, 0.62); --glass-strong: rgba(30, 16, 14, 0.86); --line: rgba(239, 234, 205, 0.08); --line-2: rgba(239, 234, 205, 0.14); --line-3: rgba(239, 234, 205, 0.24); --text: #efeacd; --text-2: rgba(239, 234, 205, 0.76); --muted: rgba(239, 234, 205, 0.58); --faint: rgba(239, 234, 205, 0.38); --input: rgba(239, 234, 205, 0.04); --input-focus: rgba(239, 234, 205, 0.07); --red: #f8d794; --red-2: #f6da9e; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #efeacd 0%, rgba(239, 234, 205, 0.72) 100%); --util-bg: #150706; --util-bg-light: #c7c0a8; color-scheme: dark;}
:root[data-palette="carriage"][data-theme="light"] {--bg: #efeacd; --bg-2: #e8e2c6; --bg-3: #e0dabf; --surface: #fbfaf2; --surface-2: #f6f3e4; --surface-3: #e0dabf; --glass: rgba(250, 249, 240, 0.7); --glass-strong: rgba(252, 251, 245, 0.9); --line: rgba(28, 2, 4, 0.08); --line-2: rgba(28, 2, 4, 0.14); --line-3: rgba(28, 2, 4, 0.24); --text: #1c0204; --text-2: rgba(28, 2, 4, 0.76); --muted: rgba(28, 2, 4, 0.58); --faint: rgba(28, 2, 4, 0.38); --input: #fcfbf5; --input-focus: #ffffff; --red: #9c0512; --red-2: #85040f; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #1c0204 0%, #69040c 120%); --util-bg: #e9e3c7; --util-bg-light: #422c28; color-scheme: light;}
:root[data-palette="ginkgo"] {--cyan: #e4bb4f; --teal: #ca7a28; --green: #8e3d03; --purple: #535955; --navy: #7a807b; --red-deep: #8e3d03; --tint-1: #7a807b; --tint-2: #535955;}
:root[data-palette="ginkgo"]:not([data-theme="light"]) {--bg: #040403; --bg-2: #0c0c0b; --bg-3: #151413; --surface: #11110f; --surface-2: #181816; --surface-3: #232321; --glass: rgba(28, 28, 26, 0.62); --glass-strong: rgba(21, 20, 19, 0.86); --line: rgba(243, 239, 230, 0.08); --line-2: rgba(243, 239, 230, 0.14); --line-3: rgba(243, 239, 230, 0.24); --text: #f3efe6; --text-2: rgba(243, 239, 230, 0.76); --muted: rgba(243, 239, 230, 0.58); --faint: rgba(243, 239, 230, 0.38); --input: rgba(243, 239, 230, 0.04); --input-focus: rgba(243, 239, 230, 0.07); --red: #e4bb4f; --red-2: #e7c46a; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #f3efe6 0%, rgba(243, 239, 230, 0.72) 100%); --util-bg: #0b0b0a; --util-bg-light: #c8c5bd; color-scheme: dark;}
:root[data-palette="ginkgo"][data-theme="light"] {--bg: #f3efe6; --bg-2: #ebe8df; --bg-3: #e4e0d8; --surface: #fcfbf9; --surface-2: #f8f6f1; --surface-3: #e4e0d8; --glass: rgba(251, 250, 248, 0.7); --glass-strong: rgba(253, 252, 250, 0.9); --line: rgba(26, 26, 25, 0.08); --line-2: rgba(26, 26, 25, 0.14); --line-3: rgba(26, 26, 25, 0.24); --text: #1a1a19; --text-2: rgba(26, 26, 25, 0.76); --muted: rgba(26, 26, 25, 0.58); --faint: rgba(26, 26, 25, 0.38); --input: #fdfcfa; --input-focus: #ffffff; --red: #8e3d03; --red-2: #793707; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #1a1a19 0%, #602f0c 120%); --util-bg: #ece9e0; --util-bg-light: #41403e; color-scheme: light;}
:root[data-palette="grandtour"] {--cyan: #c9ac84; --teal: #a38560; --green: #2c5c50; --purple: #16302b; --navy: #6b1a33; --red-deep: #390517; --tint-1: #6b1a33; --tint-2: #16302b;}
:root[data-palette="grandtour"]:not([data-theme="light"]) {--bg: #03110d; --bg-2: #0b1915; --bg-3: #13201c; --surface: #101d19; --surface-2: #172420; --surface-3: #212d29; --glass: rgba(26, 39, 35, 0.62); --glass-strong: rgba(19, 32, 28, 0.86); --line: rgba(236, 235, 231, 0.08); --line-2: rgba(236, 235, 231, 0.14); --line-3: rgba(236, 235, 231, 0.24); --text: #ecebe7; --text-2: rgba(236, 235, 231, 0.76); --muted: rgba(236, 235, 231, 0.58); --faint: rgba(236, 235, 231, 0.38); --input: rgba(236, 235, 231, 0.04); --input-focus: rgba(236, 235, 231, 0.07); --red: #a38560; --red-2: #b09778; --on-accent: #0d0d0d; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #ecebe7 0%, rgba(236, 235, 231, 0.72) 100%); --util-bg: #0a1814; --util-bg-light: #c2c4c0; color-scheme: dark;}
:root[data-palette="grandtour"][data-theme="light"] {--bg: #e0e0e0; --bg-2: #d8d9d9; --bg-3: #d1d2d1; --surface: #f7f7f7; --surface-2: #eeeeee; --surface-3: #d1d2d1; --glass: rgba(246, 246, 246, 0.7); --glass-strong: rgba(249, 249, 249, 0.9); --line: rgba(3, 17, 13, 0.08); --line-2: rgba(3, 17, 13, 0.14); --line-3: rgba(3, 17, 13, 0.24); --text: #03110d; --text-2: rgba(3, 17, 13, 0.76); --muted: rgba(3, 17, 13, 0.58); --faint: rgba(3, 17, 13, 0.38); --input: #f9f9f9; --input-focus: #ffffff; --red: #390517; --red-2: #2f0715; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #03110d 0%, #230a13 120%); --util-bg: #d9dada; --util-bg-light: #2b3633; color-scheme: light;}
:root[data-palette="nordic"] {--cyan: #70e4f0; --teal: #1aa3c8; --green: #d7dbe0; --purple: #c9a24a; --navy: #0e6f8f; --red-deep: #0e6f8f; --tint-1: #0e6f8f; --tint-2: #c9a24a;}
:root[data-palette="nordic"]:not([data-theme="light"]) {--bg: #0c1216; --bg-2: #141a1e; --bg-3: #1c2226; --surface: #181e22; --surface-2: #1f2529; --surface-3: #292f33; --glass: rgba(35, 40, 44, 0.62); --glass-strong: rgba(28, 34, 38, 0.86); --line: rgba(238, 241, 244, 0.08); --line-2: rgba(238, 241, 244, 0.14); --line-3: rgba(238, 241, 244, 0.24); --text: #eef1f4; --text-2: rgba(238, 241, 244, 0.76); --muted: rgba(238, 241, 244, 0.58); --faint: rgba(238, 241, 244, 0.38); --input: rgba(238, 241, 244, 0.04); --input-focus: rgba(238, 241, 244, 0.07); --red: #1aa3c8; --red-2: #40b1d0; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #eef1f4 0%, rgba(238, 241, 244, 0.72) 100%); --util-bg: #13191d; --util-bg-light: #c5c9cc; color-scheme: dark;}
:root[data-palette="nordic"][data-theme="light"] {--bg: #eef1f4; --bg-2: #e6e9ed; --bg-3: #dfe2e5; --surface: #fbfcfc; --surface-2: #f6f7f9; --surface-3: #dfe2e5; --glass: rgba(250, 251, 252, 0.7); --glass-strong: rgba(252, 252, 253, 0.9); --line: rgba(21, 26, 31, 0.08); --line-2: rgba(21, 26, 31, 0.14); --line-3: rgba(21, 26, 31, 0.24); --text: #151a1f; --text-2: rgba(21, 26, 31, 0.76); --muted: rgba(21, 26, 31, 0.58); --faint: rgba(21, 26, 31, 0.38); --input: #fcfcfd; --input-focus: #ffffff; --red: #0e6f8f; --red-2: #0f607b; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #151a1f 0%, #114d62 120%); --util-bg: #e7ebee; --util-bg-light: #3c4145; color-scheme: light;}
:root[data-palette="spektrum"] {--cyan: #3fae37; --teal: #b6e532; --green: #5aa9e3; --purple: #fb8f1c; --navy: #fd4517; --red-deep: #c94a2c; --tint-1: #fd4517; --tint-2: #fb8f1c;}
:root[data-palette="spektrum"]:not([data-theme="light"]) {--bg: #0d1117; --bg-2: #15191f; --bg-3: #1d2127; --surface: #1a1e23; --surface-2: #21242a; --surface-3: #2b2f34; --glass: rgba(36, 40, 46, 0.62); --glass-strong: rgba(29, 33, 39, 0.86); --line: rgba(245, 246, 248, 0.08); --line-2: rgba(245, 246, 248, 0.14); --line-3: rgba(245, 246, 248, 0.24); --text: #f5f6f8; --text-2: rgba(245, 246, 248, 0.76); --muted: rgba(245, 246, 248, 0.58); --faint: rgba(245, 246, 248, 0.38); --input: rgba(245, 246, 248, 0.04); --input-focus: rgba(245, 246, 248, 0.07); --red: #fd4517; --red-2: #fc6540; --on-accent: #0d0d0d; --on-accent-deep: #0d0d0d; --heading-grad: linear-gradient(90deg, #f5f6f8 0%, rgba(245, 246, 248, 0.72) 100%); --util-bg: #14181e; --util-bg-light: #cbcdd0; color-scheme: dark;}
:root[data-palette="spektrum"][data-theme="light"] {--bg: #f7f7f5; --bg-2: #efefed; --bg-3: #e7e7e6; --surface: #fdfdfc; --surface-2: #fbfbfa; --surface-3: #e7e7e6; --glass: rgba(253, 253, 252, 0.7); --glass-strong: rgba(253, 253, 253, 0.9); --line: rgba(17, 20, 24, 0.08); --line-2: rgba(17, 20, 24, 0.14); --line-3: rgba(17, 20, 24, 0.24); --text: #111418; --text-2: rgba(17, 20, 24, 0.76); --muted: rgba(17, 20, 24, 0.58); --faint: rgba(17, 20, 24, 0.38); --input: #fdfdfd; --input-focus: #ffffff; --red: #d23a10; --red-2: #af3311; --on-accent: #ffffff; --on-accent-deep: #ffffff; --heading-grad: linear-gradient(90deg, #111418 0%, #7f3424 120%); --util-bg: #f0f0ee; --util-bg-light: #3a3d40; color-scheme: light;}