/* Change a group seed once; its shades, borders and highlights follow.
   Components can also override a seed locally. Text remains live HTML. */
:root {
 --surface-seed:#e7e0d4;
 --paper-seed:#f5eedf;
 --metal-seed:#a4abad;
 --accent-seed:#225c79;
 --action-seed:#b9431d;
 --cork-seed:#aa8b68;
 --wood-seed:#956a43;
 --ink-seed:#25343c;
 --paper:var(--paper-seed);
 --paper2:color-mix(in srgb,var(--paper-seed),var(--ink-seed) 10%);
 --panel:color-mix(in srgb,var(--paper-seed),white 14%);
 --wall:var(--surface-seed);
 --ink:var(--ink-seed);
 --muted:color-mix(in srgb,var(--ink-seed),var(--paper-seed) 24%);
 --line:color-mix(in srgb,var(--ink-seed),var(--paper-seed) 64%);
 --blue:var(--accent-seed);
 --blue-hover:color-mix(in srgb,var(--accent-seed),var(--ink-seed) 22%);
 --orange:var(--action-seed);
 --chrome1:color-mix(in srgb,var(--metal-seed),white 75%);
 --chrome2:var(--metal-seed);
 --chrome3:color-mix(in srgb,var(--metal-seed),black 34%);
 --control:color-mix(in srgb,var(--paper-seed),var(--metal-seed) 17%);
 --wood1:color-mix(in srgb,var(--wood-seed),white 10%);
 --wood2:color-mix(in srgb,var(--wood-seed),black 24%);
 --plastic:color-mix(in srgb,var(--surface-seed),var(--paper-seed) 60%);
 --plastic-edge:color-mix(in srgb,var(--plastic),black 26%);
 --cabinet-seed:color-mix(in srgb,var(--surface-seed),var(--paper-seed) 35%);
 --cabinet-face:color-mix(in srgb,var(--cabinet-seed),var(--paper-seed) 22%);
 --cabinet-edge:color-mix(in srgb,var(--cabinet-seed),black 28%);
 --cabinet-hardware:color-mix(in srgb,var(--metal-seed),var(--paper-seed) 45%);
 --accent-on:#fffaf0;
 --action-on:#fffaf0;
 --shadow:2px 10px 18px #21180d30;
 --paper-grain:url('./assets/texture-paper.png');
 --metal-grain:url('./assets/texture-metal.png');
 --cork-grain:url('./assets/texture-cork.png');
 --material-scale:1;
 color-scheme:light;
}
:root[data-theme=dark] {
 --surface-seed:#27323a;
 --paper-seed:#384550;
 --metal-seed:#74818a;
 --accent-seed:#96c5dd;
 --action-seed:#eea17b;
 --cork-seed:#645644;
 --wood-seed:#41372c;
 --ink-seed:#f4ede1;
 --accent-on:#182b36;
 --action-on:#27170f;
 --shadow:3px 12px 18px #0006;
 /* Dark paper keeps its shape and shadows without magnifying the grain. */
 --paper-grain:none;
 color-scheme:dark;
}
:root[data-palette=moss]{--surface-seed:#e1e4d8;--paper-seed:#f3f0df;--accent-seed:#465e49;--action-seed:#a44125;--metal-seed:#a8ada0;--cork-seed:#a8956b}
:root[data-palette=plum]{--surface-seed:#e6dce0;--paper-seed:#f5ece8;--accent-seed:#6b4a62;--action-seed:#a64926;--metal-seed:#aaa3aa;--cork-seed:#b39687}
:root[data-theme=dark][data-palette=moss]{--surface-seed:#27332a;--paper-seed:#394a3c;--accent-seed:#b8d6a9;--action-seed:#f0ad88;--metal-seed:#778774;--cork-seed:#655a40}
:root[data-theme=dark][data-palette=plum]{--surface-seed:#372c36;--paper-seed:#493a49;--accent-seed:#d6b3d0;--action-seed:#f1ad8c;--metal-seed:#968393;--cork-seed:#725849}