/* Shared palettes. Apply with data-theme on . */
:root,
[data-theme="ink"] {
--paper: #f3efe6;
--ink: #141311;
--ink-2: #1c1a17;
--cream: #f3efe6;
--muted: #6a655c;
--line: #d4cec2;
--panel: #e8e2d6;
--field: #fffcf6;
--faint: #2a2723;
--soft: #b7b0a4;
--rule-dark: #3a3530;
--hero: #141311;
--hero-fg: #f3efe6;
--hero-muted: #c9c3b8;
--bronze: #c4a574;
}
[data-theme="navy"] {
--paper: #f3f0e8;
--ink: #122033;
--ink-2: #17283d;
--cream: #f3f0e8;
--muted: #5c6570;
--line: #d3cfc4;
--panel: #e7e3d8;
--field: #fffcf7;
--faint: #24344a;
--soft: #a8b3c0;
--rule-dark: #2c3d54;
--hero: #122033;
--hero-fg: #f3f0e8;
--hero-muted: #b4bdc8;
}
[data-theme="slate"] {
--paper: #f4f3f0;
--ink: #3a3d42;
--ink-2: #45484e;
--cream: #f4f3f0;
--muted: #6b6e74;
--line: #d5d3cd;
--panel: #e8e6e1;
--field: #fffcf9;
--faint: #52555b;
--soft: #c0c2c6;
--rule-dark: #5a5e65;
--hero: #3a3d42;
--hero-fg: #f4f3f0;
--hero-muted: #d0d2d5;
}
[data-theme="forest"] {
--paper: #f2efe6;
--ink: #1b2b26;
--ink-2: #22352e;
--cream: #f2efe6;
--muted: #5d6a64;
--line: #d2cec2;
--panel: #e5e1d5;
--field: #fffcf6;
--faint: #2c4038;
--soft: #a7b5ae;
--rule-dark: #355046;
--hero: #1b2b26;
--hero-fg: #f2efe6;
--hero-muted: #c3cec8;
}
[data-theme="indigo"] {
--paper: #f4f3ee;
--ink: #1c2740;
--ink-2: #243050;
--cream: #f4f3ee;
--muted: #5e6576;
--line: #d4d1c8;
--panel: #e7e5de;
--field: #fffcf8;
--faint: #2d3a58;
--soft: #a9b3c7;
--rule-dark: #3a4866;
--hero: #1c2740;
--hero-fg: #f4f3ee;
--hero-muted: #c0c7d6;
}
[data-theme="paper"] {
--paper: #f7f4ee;
--ink: #1a1916;
--ink-2: #1a1916;
--cream: #f7f4ee;
--muted: #6a655c;
--line: #d8d3c8;
--panel: #ece7dc;
--field: #fffcf7;
--faint: #2a2723;
--soft: #8a847a;
--rule-dark: #3a3530;
--hero: #f7f4ee;
--hero-fg: #1a1916;
--hero-muted: #6a655c;
}