:root:not([data-palette]), :root[data-palette="haru"] {
  --chrome: light-dark(#dbd6de, #3f3a42);
  --chrome-hover: light-dark(#dfdae2, #47414a);
  --chrome-bar: light-dark(#f8f2fa, #504a53);
  --chrome-header: light-dark(#faf4fc, #504a53);
  --chrome-header-end: light-dark(#e3dee6, #443e46);
  --menu: light-dark(#efeaf2, #443e46);
  --menu-end: light-dark(#e5e0e8, #3b363e);
  --edge: light-dark(#4d484f, #100b11);
  --etch: light-dark(#9d989f, #716a73);
  --track: light-dark(#c7c2c9, #312b33);
  --rule: light-dark(#cbc6cd, #2f2a31);
  --hi: light-dark(#ffffff, #635d66);
  --lo: light-dark(#aba6ad, #2b262d);
  --lo-deep: light-dark(#8d888f, #161118);
  --pressed-edge: light-dark(#58535a, #000000);
  --pressed-lo: light-dark(#efeaf2, #504a53);
  --control: light-dark(#ffffff, #6a636c);
  --control-mid: light-dark(#e7e2ea, #534c55);
  --control-end: light-dark(#c0bbc2, #3f3a42);
  --control-hover-mid: light-dark(#f2ecf4, #59535b);
  --control-hover-end: light-dark(#d1ccd3, #474149);
  --control-pressed: light-dark(#9f9aa1, #2b262d);
  --control-pressed-mid: light-dark(#bfbac1, #332e35);
  --control-pressed-end: light-dark(#d0cbd2, #3b363e);
  --field: light-dark(#ffffff, #28232a);
  --field-top: light-dark(#efeaf2, #1e1920);
  --glyph: light-dark(#3d383e, #cac3cd);
  --text: light-dark(#1d191f, #e0d9e3);
  --heading: light-dark(#1d191f, #f4edf7);
  --text-2: light-dark(#3d383e, #cec7d1);
  --text-3: light-dark(#5d585f, #aea7b1);
  --dim: light-dark(#6d686f, #a9a2ac);
  --faint: light-dark(#8d888f, #8e8790);
  --muted: light-dark(#767178, #c1b9c3);
  --on-select: light-dark(#ffffff, #ffffff);
  --on-select-dim: light-dark(#ebe6ee, #e4dce6);
  --hover: light-dark(#fae5f4, #46333a);
  --press: light-dark(#f2cfe7, #603f4d);
  --ico-hover: light-dark(#e9c7df, #603f4d);
  --paper: light-dark(#fefcff, #252027);
  --paper-alt: light-dark(#fcf7ff, #2a242c);
  --paper-hi: light-dark(#ffffff, #302b32);
  --paper-rule: light-dark(#e9e4eb, #38323a);
  --paper-edge: light-dark(#c9c4cb, #4d464f);
  --sheet: light-dark(#ffffff, #201b22);
  --sheet-rule: light-dark(#eee8f0, #2e2930);
  --banner: light-dark(#fefcff, #302b32);
  --banner-end: light-dark(#f1ebf3, #272229);
  --quote: light-dark(#f7f2f9, #2c272e);
  --quote-text: light-dark(#48434a, #c4bdc7);
  --code-bg: light-dark(#f4eff6, #2e2930);
  --code-edge: light-dark(#dbd6dd, #464048);
  --well: light-dark(#fdf8ff, #1b161d);
  --code-text: light-dark(#1d191f, #e4dde7);
  --code-comment: light-dark(#7a6e7e, #9f93a4);
  --desk: light-dark(#8f467e, #472032);
  --desk-glow: light-dark(#b2609d, #643048);
  --desk-deep: light-dark(#713362, #29101b);
  --select-mid: light-dark(#ad5898, #aa4275);
  --select: light-dark(#d57cbe, #d36799);
  --select-end: light-dark(#964383, #932c61);
  --link: light-dark(#005c74, #74c5d7);
  --link-chrome: light-dark(#004457, #95e7f9);
  --focus: light-dark(#0088ab, #53a5b6);
  --mark: light-dark(#ffdbd0, #834e00);
  --mark-edge: light-dark(#ee9076, #d7954e);
  --mark-on-select: light-dark(#ffc8b8, #9f610d);
  --flash: light-dark(#fff2c6, #553e00);
  --tab: light-dark(#ffd6f3, #ffd8e7);
  --tab-mid: light-dark(#ffb8eb, #ffbcd7);
  --tab-end: light-dark(#fa9ee2, #ffa0c9);
  --tab-hi: light-dark(#ffeffa, #fff0f5);
  --tab-lo: light-dark(#e68ccf, #f686b8);
  --tab-text: light-dark(#2e1a29, #311923);
  --code-string: light-dark(#547f27, #c1dd4a);
  --code-constant: light-dark(#d23d00, #ffbb74);
  --code-keyword: light-dark(#6928bd, #ddb3ff);
  --code-function: light-dark(#1955bf, #6eadff);
  --code-type: light-dark(#897100, #ffc849);
  --code-property: light-dark(#2678af, #60c9f3);
  --code-parameter: light-dark(#df1d39, #ffa2b5);
}
:root[data-palette="natsu"] {
  --chrome: light-dark(#d0dade, #333e42);
  --chrome-hover: light-dark(#d4dee2, #3b464a);
  --chrome-bar: light-dark(#ecf6fa, #444f53);
  --chrome-header: light-dark(#eef8fc, #444f53);
  --chrome-header-end: light-dark(#d8e2e6, #374246);
  --menu: light-dark(#e4eef2, #374246);
  --menu-end: light-dark(#dae4e8, #2f3a3e);
  --edge: light-dark(#434c4f, #060e12);
  --etch: light-dark(#939ca0, #636f74);
  --track: light-dark(#bcc6ca, #253034);
  --rule: light-dark(#c0cace, #232e32);
  --hi: light-dark(#ffffff, #566266);
  --lo: light-dark(#a1aaae, #1f2a2e);
  --lo-deep: light-dark(#838c8f, #0b1518);
  --pressed-edge: light-dark(#4e575a, #000000);
  --pressed-lo: light-dark(#e4eef2, #444f53);
  --control: light-dark(#ffffff, #5c686c);
  --control-mid: light-dark(#dce6ea, #465155);
  --control-end: light-dark(#b5bfc3, #333e42);
  --control-hover-mid: light-dark(#e6f1f4, #4c575c);
  --control-hover-end: light-dark(#c6d0d4, #3a454a);
  --control-pressed: light-dark(#959ea2, #1f2a2e);
  --control-pressed-mid: light-dark(#b4bec2, #273236);
  --control-pressed-end: light-dark(#c5cfd3, #2f3a3e);
  --field: light-dark(#ffffff, #1d272b);
  --field-top: light-dark(#e4eef2, #131d21);
  --glyph: light-dark(#343c3f, #bcc9ce);
  --text: light-dark(#151c1f, #d1dee4);
  --heading: light-dark(#151c1f, #e5f2f8);
  --text-2: light-dark(#343c3f, #bfccd1);
  --text-3: light-dark(#535c5f, #a0acb1);
  --dim: light-dark(#636c6f, #9ba7ac);
  --faint: light-dark(#838c8f, #808c91);
  --muted: light-dark(#6c7579, #b2bfc4);
  --on-select: light-dark(#ffffff, #ffffff);
  --on-select-dim: light-dark(#e0eaee, #d4e2e7);
  --hover: light-dark(#d8f1fb, #273d43);
  --press: light-dark(#b8e3f4, #28525c);
  --ico-hover: light-dark(#b0dbeb, #28525c);
  --paper: light-dark(#fbfeff, #1a2428);
  --paper-alt: light-dark(#f1fbff, #1e292d);
  --paper-hi: light-dark(#ffffff, #242f33);
  --paper-rule: light-dark(#dee8ec, #2c373b);
  --paper-edge: light-dark(#bec8cc, #404b4f);
  --sheet: light-dark(#ffffff, #151f22);
  --sheet-rule: light-dark(#e3edf1, #232d31);
  --banner: light-dark(#fafeff, #242f33);
  --banner-end: light-dark(#e6f0f4, #1c262a);
  --quote: light-dark(#ecf6fa, #202b2f);
  --quote-text: light-dark(#3f474a, #b6c3c8);
  --code-bg: light-dark(#e9f3f7, #232d31);
  --code-edge: light-dark(#d0dade, #394448);
  --well: light-dark(#f3fcff, #101a1d);
  --code-text: light-dark(#151c1f, #d5e2e8);
  --code-comment: light-dark(#62777f, #869da5);
  --desk: light-dark(#006f8c, #003541);
  --desk-glow: light-dark(#0f8fb2, #004d5c);
  --desk-deep: light-dark(#00566d, #001e25);
  --select-mid: light-dark(#0080a1, #007a91);
  --select: light-dark(#36a6ca, #05a1be);
  --select-end: light-dark(#006a86, #006477);
  --link: light-dark(#005c74, #4cc9e7);
  --link-chrome: light-dark(#004457, #8fe8ff);
  --focus: light-dark(#0088ab, #1ca9c6);
  --mark: light-dark(#ffdbd2, #844d00);
  --mark-edge: light-dark(#ee8f7a, #d9944e);
  --mark-on-select: light-dark(#ffc8bb, #a1600c);
  --flash: light-dark(#fff0de, #504000);
  --tab: light-dark(#beedff, #b6efff);
  --tab-mid: light-dark(#8ce0ff, #78e3ff);
  --tab-end: light-dark(#67d1f7, #59d4f2);
  --tab-hi: light-dark(#e6f8ff, #e3f9ff);
  --tab-lo: light-dark(#53bfe3, #43c2df);
  --tab-text: light-dark(#072630, #05262e);
  --code-string: light-dark(#008453, #b9d740);
  --code-constant: light-dark(#da3106, #ffb66d);
  --code-keyword: light-dark(#6526b9, #aea8ff);
  --code-function: light-dark(#526ccb, #4ab8ff);
  --code-type: light-dark(#a06600, #eec307);
  --code-property: light-dark(#2d78b4, #3ec7e8);
  --code-parameter: light-dark(#c83b85, #faa7ca);
}
:root[data-palette="aki"] {
  --chrome: light-dark(#ded7d0, #423a33);
  --chrome-hover: light-dark(#e2dbd4, #4a423b);
  --chrome-bar: light-dark(#faf3ec, #534b44);
  --chrome-header: light-dark(#fcf5ee, #534b44);
  --chrome-header-end: light-dark(#e6dfd8, #463e37);
  --menu: light-dark(#f2ebe4, #463e37);
  --menu-end: light-dark(#e8e1da, #3e3630);
  --edge: light-dark(#4f4944, #120c07);
  --etch: light-dark(#a09993, #746b63);
  --track: light-dark(#cac3bc, #342c26);
  --rule: light-dark(#cec7c0, #322a24);
  --hi: light-dark(#ffffff, #665e57);
  --lo: light-dark(#aea7a1, #2e2620);
  --lo-deep: light-dark(#908983, #18120c);
  --pressed-edge: light-dark(#5a544e, #000000);
  --pressed-lo: light-dark(#f2ebe4, #534b44);
  --control: light-dark(#ffffff, #6d645c);
  --control-mid: light-dark(#eae3dc, #554d46);
  --control-end: light-dark(#c3bcb5, #423a33);
  --control-hover-mid: light-dark(#f5ede6, #5c534c);
  --control-hover-end: light-dark(#d4ccc6, #4a423b);
  --control-pressed: light-dark(#a29b95, #2e2620);
  --control-pressed-mid: light-dark(#c2bbb4, #362e28);
  --control-pressed-end: light-dark(#d3ccc5, #3e3630);
  --field: light-dark(#ffffff, #2b231d);
  --field-top: light-dark(#f2ebe4, #211a13);
  --glyph: light-dark(#3f3934, #cec4bc);
  --text: light-dark(#1f1a15, #e4dad1);
  --heading: light-dark(#1f1a15, #f8eee5);
  --text-2: light-dark(#3f3934, #d2c8bf);
  --text-3: light-dark(#5f5953, #b1a8a0);
  --dim: light-dark(#6f6963, #aca39b);
  --faint: light-dark(#908983, #918880);
  --muted: light-dark(#79726c, #c4bab2);
  --on-select: light-dark(#ffffff, #ffffff);
  --on-select-dim: light-dark(#eee7e0, #e7ddd5);
  --hover: light-dark(#ffe6e3, #483330);
  --press: light-dark(#fbcfcb, #63413a);
  --ico-hover: light-dark(#f2c7c3, #63413a);
  --paper: light-dark(#fffdfb, #28201a);
  --paper-alt: light-dark(#fff8f1, #2d251f);
  --paper-hi: light-dark(#ffffff, #332b25);
  --paper-rule: light-dark(#ece4de, #3b332c);
  --paper-edge: light-dark(#ccc5be, #4f4740);
  --sheet: light-dark(#ffffff, #221b15);
  --sheet-rule: light-dark(#f1e9e3, #312923);
  --banner: light-dark(#fffcfa, #332b25);
  --banner-end: light-dark(#f4ece6, #2a221c);
  --quote: light-dark(#faf2ec, #2f2721);
  --quote-text: light-dark(#4a443f, #c8beb6);
  --code-bg: light-dark(#f7f0e9, #312923);
  --code-edge: light-dark(#ded7d0, #48413a);
  --well: light-dark(#fff9f3, #1d1610);
  --code-text: light-dark(#1f1a15, #e8ded5);
  --code-comment: light-dark(#7f7062, #a59587);
  --desk: light-dark(#9f4342, #4a211b);
  --desk-glow: light-dark(#c35e5b, #693229);
  --desk-deep: light-dark(#7e3130, #2b110c);
  --select-mid: light-dark(#c05452, #b44232);
  --select: light-dark(#e97975, #dd6855);
  --select-end: light-dark(#a83f3f, #9c2b1d);
  --link: light-dark(#005e6a, #5ac5f1);
  --link-chrome: light-dark(#00464f, #a4e3ff);
  --focus: light-dark(#128a9b, #34a5cf);
  --mark: light-dark(#ffdbd2, #943c34);
  --mark-edge: light-dark(#ee8f7b, #e7877b);
  --mark-on-select: light-dark(#ffc8bb, #ad5249);
  --flash: light-dark(#fff0de, #5b3a00);
  --tab: light-dark(#ffdad7, #ffdad3);
  --tab-mid: light-dark(#ffc0bb, #ffc1b5);
  --tab-end: light-dark(#ffa7a1, #ffa898);
  --tab-hi: light-dark(#fff0ef, #fff1ee);
  --tab-lo: light-dark(#fc8a85, #ff8975);
  --tab-text: light-dark(#331a19, #331a16);
  --code-string: light-dark(#737800, #bac105);
  --code-constant: light-dark(#db3007, #ff9b8f);
  --code-keyword: light-dark(#581ca7, #d3a1ff);
  --code-function: light-dark(#384dad, #7f9bea);
  --code-type: light-dark(#a06600, #ffae1e);
  --code-property: light-dark(#2973b0, #5ea3d4);
  --code-parameter: light-dark(#d80638, #ff9cb5);
}
:root[data-palette="fuyu"] {
  --chrome: light-dark(#d6d8e0, #3a3b45);
  --chrome-hover: light-dark(#dadce4, #41434d);
  --chrome-bar: light-dark(#f2f4fd, #4a4c56);
  --chrome-header: light-dark(#f4f6ff, #4a4c56);
  --chrome-header-end: light-dark(#dee0e8, #3e4049);
  --menu: light-dark(#eaecf4, #3e4049);
  --menu-end: light-dark(#e0e2ea, #363740);
  --edge: light-dark(#484a51, #0b0c14);
  --etch: light-dark(#989aa2, #6a6c76);
  --track: light-dark(#c2c4cc, #2c2d36);
  --rule: light-dark(#c6c8d0, #2a2b34);
  --hi: light-dark(#ffffff, #5d5f69);
  --lo: light-dark(#a6a8b0, #262730);
  --lo-deep: light-dark(#888a92, #11121a);
  --pressed-edge: light-dark(#53555c, #000000);
  --pressed-lo: light-dark(#eaecf4, #4a4c56);
  --control: light-dark(#ffffff, #63656f);
  --control-mid: light-dark(#e2e4ec, #4c4e58);
  --control-end: light-dark(#bbbdc5, #3a3b45);
  --control-hover-mid: light-dark(#eceef7, #53555e);
  --control-hover-end: light-dark(#cbcdd6, #41434c);
  --control-pressed: light-dark(#9a9ca4, #262730);
  --control-pressed-mid: light-dark(#babcc4, #2e2f38);
  --control-pressed-end: light-dark(#cbcdd5, #363740);
  --field: light-dark(#ffffff, #23242d);
  --field-top: light-dark(#eaecf4, #191b23);
  --glyph: light-dark(#383a41, #c3c5d1);
  --text: light-dark(#191b21, #d9dbe7);
  --heading: light-dark(#191b21, #edeffb);
  --text-2: light-dark(#383a41, #c7c9d5);
  --text-3: light-dark(#585a61, #a7a9b4);
  --dim: light-dark(#686a71, #a2a4af);
  --faint: light-dark(#888a92, #878994);
  --muted: light-dark(#71737b, #b9bcc7);
  --on-select: light-dark(#ffffff, #ffffff);
  --on-select-dim: light-dark(#e6e8f0, #dcdfea);
  --hover: light-dark(#e5ecff, #323949);
  --press: light-dark(#cddafd, #3f4a66);
  --ico-hover: light-dark(#c6d2f5, #3f4a66);
  --paper: light-dark(#fdfdff, #20212a);
  --paper-alt: light-dark(#f7f9ff, #25262f);
  --paper-hi: light-dark(#ffffff, #2b2c35);
  --paper-rule: light-dark(#e3e5ee, #32343d);
  --paper-edge: light-dark(#c4c5ce, #464852);
  --sheet: light-dark(#ffffff, #1b1c25);
  --sheet-rule: light-dark(#e8eaf3, #292a33);
  --banner: light-dark(#fcfdff, #2b2c35);
  --banner-end: light-dark(#ebedf6, #22232c);
  --quote: light-dark(#f1f3fc, #272831);
  --quote-text: light-dark(#43454c, #bdc0cb);
  --code-bg: light-dark(#eff1f9, #292a33);
  --code-edge: light-dark(#d6d8e0, #40424b);
  --well: light-dark(#f8f9ff, #16171f);
  --code-text: light-dark(#191b21, #dddfeb);
  --code-comment: light-dark(#6e7284, #9397aa);
  --desk: light-dark(#495faa, #212d4f);
  --desk-glow: light-dark(#637ccf, #32426f);
  --desk-deep: light-dark(#374887, #11182e);
  --select-mid: light-dark(#5570d1, #5069b1);
  --select: light-dark(#7795fa, #728dd9);
  --select-end: light-dark(#435bba, #3e549b);
  --link: light-dark(#005788, #67c4ea);
  --link-chrome: light-dark(#004167, #a3e3ff);
  --focus: light-dark(#3282ba, #45a4c9);
  --mark: light-dark(#ffdbd2, #943c34);
  --mark-edge: light-dark(#ee8f7b, #e7877b);
  --mark-on-select: light-dark(#ffc8bb, #ad5249);
  --flash: light-dark(#fff0de, #533f00);
  --tab: light-dark(#dae4ff, #d9e4ff);
  --tab-mid: light-dark(#c0d1ff, #bfd1ff);
  --tab-end: light-dark(#aac0ff, #a8c0ff);
  --tab-hi: light-dark(#f0f4ff, #f0f4ff);
  --tab-lo: light-dark(#90abff, #90adfb);
  --tab-text: light-dark(#1a2135, #1a2135);
  --code-string: light-dark(#537d21, #aece34);
  --code-constant: light-dark(#db3007, #ff9b8f);
  --code-keyword: light-dark(#5e21b0, #bbb8ff);
  --code-function: light-dark(#4a63c3, #829eeb);
  --code-type: light-dark(#a06600, #ecba09);
  --code-property: light-dark(#2266a4, #8ac3ff);
  --code-parameter: light-dark(#d62a67, #ffa3d0);
}

:root { --chip-day: #33689a; --chip-night: #1c3048; }
:root:not([data-palette]), :root[data-palette="haru"] { --chip-day: #8f467e; --chip-night: #472032; }
:root[data-palette="natsu"] { --chip-day: #006f8c; --chip-night: #003541; }
:root[data-palette="aki"] { --chip-day: #9f4342; --chip-night: #4a211b; }
:root[data-palette="fuyu"] { --chip-day: #495faa; --chip-night: #212d4f; }