/* Generated from src/palettes.json by build.mjs. Active only with ?palette=<id>. */
[data-palette="ledger"] {
  --bg: #F5F2EC;
  --surface: #FBFAF7;
  --surface-alt: #ECE7DE;
  --ink: #14233A;
  --ink-2: #4F5865;
  --rule: #D8D1C4;
  --field: #8A8478;
  --accent: #2F5B7C;
  --btn-bg: #14233A;
  --btn-hover: #2F5B7C;
  --footer-bg: #14233A;
  --footer-ink: #E8E3D9;
  --footer-ink-2: #A9B0BA;
  --emph-bg: #14233A;
  --emph-label: #A9C1D6;
  --emph-text: #D9DEE5;
  --cookie-bg: rgba(20, 35, 58, 0.96);
  --selection: #D3DDE6;
  --viz-1: #28528E;
}
[data-palette="crimson"] {
  --bg: #FFFFFF;
  --surface: #F8F8F8;
  --surface-alt: #F2F2F2;
  --ink: #1A1A1A;
  --ink-2: #595959;
  --rule: #E3E3E3;
  --field: #8C8C8C;
  --accent: #8E1B26;
  --btn-bg: #8E1B26;
  --btn-hover: #6C131C;
  --footer-bg: #1A1A1A;
  --footer-ink: #EDEDED;
  --footer-ink-2: #A6A6A6;
  --emph-bg: #8E1B26;
  --emph-label: #F3C6CA;
  --emph-text: #F7E3E5;
  --cookie-bg: rgba(26, 26, 26, 0.95);
  --selection: #F1D3D6;
  --viz-1: #8E1B26;
}
[data-palette="claret"] {
  --bg: #FFFFFF;
  --surface: #F7F8FA;
  --surface-alt: #F0F2F5;
  --ink: #14233A;
  --ink-2: #4E5868;
  --rule: #E0E4EA;
  --field: #8A93A0;
  --accent: #8A1E2E;
  --btn-bg: #14233A;
  --btn-hover: #8A1E2E;
  --footer-bg: #14233A;
  --footer-ink: #E9ECF1;
  --footer-ink-2: #A3ADBB;
  --emph-bg: #14233A;
  --emph-label: #E8B4BB;
  --emph-text: #D9DEE5;
  --cookie-bg: rgba(20, 35, 58, 0.96);
  --selection: #EFD4D8;
  --viz-1: #8A1E2E;
}
[data-palette="oxblood"] {
  --bg: #F3F2EF;
  --surface: #FAFAF8;
  --surface-alt: #E8E6E1;
  --ink: #231F1E;
  --ink-2: #5B5652;
  --rule: #D9D5CE;
  --field: #8B857D;
  --accent: #6B1E25;
  --btn-bg: #231F1E;
  --btn-hover: #6B1E25;
  --footer-bg: #271A1B;
  --footer-ink: #EDE7E3;
  --footer-ink-2: #B1A5A2;
  --emph-bg: #6B1E25;
  --emph-label: #E7BFC2;
  --emph-text: #F3E4E5;
  --cookie-bg: rgba(39, 26, 27, 0.96);
  --selection: #E8D2D3;
  --viz-1: #6B1E25;
}
[data-palette="cobalt"] {
  --bg: #FFFFFF;
  --surface: #F5F7FA;
  --surface-alt: #EDF1F6;
  --ink: #0B2341;
  --ink-2: #4A5A70;
  --rule: #DCE3EC;
  --field: #8593A6;
  --accent: #1D4FA0;
  --btn-bg: #0B2341;
  --btn-hover: #1D4FA0;
  --footer-bg: #0B2341;
  --footer-ink: #E7EDF5;
  --footer-ink-2: #9DABBF;
  --emph-bg: #1D4FA0;
  --emph-label: #C3D4F0;
  --emph-text: #E4ECF8;
  --cookie-bg: rgba(11, 35, 65, 0.96);
  --selection: #D2DEF2;
  --viz-1: #1D4FA0;
}
[data-palette="forest"] {
  --bg: #FAFAF8;
  --surface: #FFFFFF;
  --surface-alt: #EDF0EC;
  --ink: #1E2422;
  --ink-2: #56605B;
  --rule: #DCE1DC;
  --field: #87908B;
  --accent: #1F5A46;
  --btn-bg: #1E2422;
  --btn-hover: #1F5A46;
  --footer-bg: #18201D;
  --footer-ink: #E8ECE9;
  --footer-ink-2: #A2ACA7;
  --emph-bg: #1F5A46;
  --emph-label: #B9D6CA;
  --emph-text: #E1EEE8;
  --cookie-bg: rgba(24, 32, 29, 0.96);
  --selection: #D2E3DB;
  --viz-1: #1F5A46;
}
[data-palette="ink"] {
  --bg: #FBFBF9;
  --surface: #FFFFFF;
  --surface-alt: #F0EFEC;
  --ink: #111111;
  --ink-2: #565656;
  --rule: #DEDCD7;
  --field: #8E8C88;
  --accent: #111111;
  --btn-bg: #111111;
  --btn-hover: #3A3A3A;
  --footer-bg: #111111;
  --footer-ink: #EDEDEB;
  --footer-ink-2: #A3A3A0;
  --emph-bg: #111111;
  --emph-label: #BDBDBA;
  --emph-text: #E6E6E3;
  --cookie-bg: rgba(17, 17, 17, 0.95);
  --selection: #E2E1DC;
  --viz-1: #111111;
}
[data-palette] .rpanel svg [fill="#28528E" i], [data-palette] .rpanel svg [style*="fill:#28528E" i] { fill: var(--viz-1) !important; }
[data-palette] .rpanel svg [stroke="#28528E" i] { stroke: var(--viz-1) !important; }
[data-palette] .rpanel svg [fill="#14233A" i], [data-palette] .rpanel svg [style*="fill:#14233A" i] { fill: var(--ink) !important; }
[data-palette] .rpanel svg [stroke="#14233A" i] { stroke: var(--ink) !important; }
[data-palette] .rpanel svg [fill="#D8D1C4" i], [data-palette] .rpanel svg [style*="fill:#D8D1C4" i] { fill: var(--rule) !important; }
[data-palette] .rpanel svg [stroke="#D8D1C4" i] { stroke: var(--rule) !important; }
[data-palette] .rpanel svg [fill="#4F5865" i], [data-palette] .rpanel svg [style*="fill:#4F5865" i] { fill: var(--ink-2) !important; }
[data-palette] .rpanel svg [stroke="#4F5865" i] { stroke: var(--ink-2) !important; }
[data-palette] .rpanel svg [fill="#2F5B7C" i], [data-palette] .rpanel svg [style*="fill:#2F5B7C" i] { fill: var(--accent) !important; }
[data-palette] .rpanel svg [stroke="#2F5B7C" i] { stroke: var(--accent) !important; }
[data-palette] .cookie { display: none !important; }
[data-palette] [data-todo] { outline: 0; }
