/* Color palettes. GENERATED by tools/make-palettes.js, so edit the palette list there, not this file.
   Applied with <html data-palette="…">; the preview tiles in Settings use the same tokens. */
:root[data-palette="midnight"], .pal-prev[data-palette="midnight"] {
  color-scheme: dark;
  --bg: #07070b; --surface: #101017; --surface-2: #181821; --surface-3: #20202b;
  --text: #ecebe8; --text-dim: #a5a4b4; --text-faint: #8b8a9b; --ui-muted: #4a4958;
  --on-accent: #0b0b10;
  --focus: #ff6b4a; --focus-glow: rgba(255,107,74,0.16); --focus-ink: #c43d1f;
  --short: #4adfb5; --short-glow: rgba(74,223,181,0.14); --short-ink: #0f766e;
  --long: #6b8aff; --long-glow: rgba(107,138,255,0.16); --long-ink: #3451c7;
  --brand-tomato: #ff6b4a; --brand-leaf: #2fb88f;
}
:root[data-palette="paper"], .pal-prev[data-palette="paper"] {
  color-scheme: light;
  --bg: #f7f4ee; --surface: #fffdf9; --surface-2: #efebe3; --surface-3: #e6e1d7;
  --text: #1a1a1f; --text-dim: #4d4c5c; --text-faint: #615f70; --ui-muted: #c9c4b8;
  --on-accent: #0b0b10;
  --focus: #ff6b4a; --focus-glow: rgba(255,107,74,0.16); --focus-ink: #c43d1f;
  --short: #4adfb5; --short-glow: rgba(15,118,110,0.12); --short-ink: #0f766e;
  --long: #6b8aff; --long-glow: rgba(52,81,199,0.12); --long-ink: #3451c7;
  --brand-tomato: #eb6244; --brand-leaf: #289e7b;
}
:root[data-palette="vscode"], .pal-prev[data-palette="vscode"] {
  color-scheme: dark;
  --bg: #1e1e1e; --surface: #252526; --surface-2: #2d2d30; --surface-3: #39393b;
  --text: #d4d4d4; --text-dim: #acacad; --text-faint: #a4a4a4; --ui-muted: #515151;
  --on-accent: #000000;
  --focus: #569cd6; --focus-glow: rgba(86,156,214,0.16); --focus-ink: #569cd6;
  --short: #4ec9b0; --short-glow: rgba(78,201,176,0.14); --short-ink: #4ec9b0;
  --long: #c586c0; --long-glow: rgba(197,134,192,0.16); --long-ink: #c586c0;
  --brand-tomato: #ff6b4a; --brand-leaf: #2fb88f;
}
:root[data-palette="dracula"], .pal-prev[data-palette="dracula"] {
  color-scheme: dark;
  --bg: #21222c; --surface: #282a36; --surface-2: #343746; --surface-3: #424552;
  --text: #f8f8f2; --text-dim: #bdbebe; --text-faint: #b3b4b6; --ui-muted: #5d5e63;
  --on-accent: #000000;
  --focus: #ff79c6; --focus-glow: rgba(255,121,198,0.16); --focus-ink: #ff79c6;
  --short: #50fa7b; --short-glow: rgba(80,250,123,0.14); --short-ink: #50fa7b;
  --long: #bd93f9; --long-glow: rgba(189,147,249,0.16); --long-ink: #bd93f9;
  --brand-tomato: #ff6b4a; --brand-leaf: #2fb88f;
}
:root[data-palette="tokyo"], .pal-prev[data-palette="tokyo"] {
  color-scheme: dark;
  --bg: #16161e; --surface: #1a1b26; --surface-2: #24283b; --surface-3: #2f3348;
  --text: #c0caf5; --text-dim: #9ba3c8; --text-faint: #939bbf; --ui-muted: #46485a;
  --on-accent: #000000;
  --focus: #7aa2f7; --focus-glow: rgba(122,162,247,0.16); --focus-ink: #7aa2f7;
  --short: #9ece6a; --short-glow: rgba(158,206,106,0.14); --short-ink: #9ece6a;
  --long: #bb9af7; --long-glow: rgba(187,154,247,0.16); --long-ink: #bb9af7;
  --brand-tomato: #ff6b4a; --brand-leaf: #2fb88f;
}
:root[data-palette="gruvbox"], .pal-prev[data-palette="gruvbox"] {
  color-scheme: dark;
  --bg: #282828; --surface: #32302f; --surface-2: #3c3836; --surface-3: #48433f;
  --text: #ebdbb2; --text-dim: #c8ba99; --text-faint: #bfb293; --ui-muted: #5f5a4f;
  --on-accent: #000000;
  --focus: #fe8019; --focus-glow: rgba(254,128,25,0.16); --focus-ink: #fe8019;
  --short: #b8bb26; --short-glow: rgba(184,187,38,0.14); --short-ink: #b8bb26;
  --long: #83a598; --long-glow: rgba(131,165,152,0.16); --long-ink: #83a598;
  --brand-tomato: #ff6b4a; --brand-leaf: #2fb88f;
}
:root[data-palette="github"], .pal-prev[data-palette="github"] {
  color-scheme: light;
  --bg: #f6f8fa; --surface: #ffffff; --surface-2: #eaeef2; --surface-3: #dce0e4;
  --text: #1f2328; --text-dim: #585c61; --text-faint: #5e6267; --ui-muted: #babcbf;
  --on-accent: #ffffff;
  --focus: #0969da; --focus-glow: rgba(9,105,218,0.14); --focus-ink: #0969da;
  --short: #1a7f37; --short-glow: rgba(26,127,55,0.12); --short-ink: #1a7f37;
  --long: #8250df; --long-glow: rgba(130,80,223,0.12); --long-ink: #8250df;
  --brand-tomato: #eb6244; --brand-leaf: #29a27e;
}
:root[data-palette="solarized"], .pal-prev[data-palette="solarized"] {
  color-scheme: light;
  --bg: #fdf6e3; --surface: #eee8d5; --surface-2: #e4ddc8; --surface-3: #dad4c1;
  --text: #39474c; --text-dim: #4a5658; --text-faint: #535d5f; --ui-muted: #c6c5b9;
  --on-accent: #000000;
  --focus: #cb4b16; --focus-glow: rgba(179,66,19,0.14); --focus-ink: #b34213;
  --short: #859900; --short-glow: rgba(96,110,0,0.12); --short-ink: #606e00;
  --long: #268bd2; --long-glow: rgba(30,108,164,0.12); --long-ink: #1e6ca4;
  --brand-tomato: #db5c40; --brand-leaf: #269372;
}
:root[data-palette="teal"], .pal-prev[data-palette="teal"] {
  color-scheme: light;
  --bg: #f0fdfa; --surface: #ffffff; --surface-2: #e8f1f4; --surface-3: #d9e6e8;
  --text: #134e4a; --text-dim: #316562; --text-faint: #3b6d6a; --ui-muted: #b2ccc9;
  --on-accent: #000000;
  --focus: #ea580c; --focus-glow: rgba(197,74,10,0.14); --focus-ink: #c54a0a;
  --short: #0d9488; --short-glow: rgba(11,127,117,0.12); --short-ink: #0b7f75;
  --long: #7968d4; --long-glow: rgba(116,100,204,0.12); --long-ink: #7464cc;
  --brand-tomato: #f06546; --brand-leaf: #29a27e;
}
:root[data-palette="amber"], .pal-prev[data-palette="amber"] {
  color-scheme: light;
  --bg: #fffbeb; --surface: #ffffff; --surface-2: #f5efdc; --surface-3: #e7e1cf;
  --text: #292524; --text-dim: #5e5a54; --text-faint: #646059; --ui-muted: #c3bfb3;
  --on-accent: #000000;
  --focus: #d97706; --focus-glow: rgba(174,95,5,0.14); --focus-ink: #ae5f05;
  --short: #65803a; --short-glow: rgba(97,123,56,0.12); --short-ink: #617b38;
  --long: #7d7772; --long-glow: rgba(120,114,109,0.12); --long-ink: #78726d;
  --brand-tomato: #f06546; --brand-leaf: #29a27e;
}