/* Four additional palettes, each available in both appearance modes. */
:root[data-theme="amber"] { --bg:#fffaf2; --surface:#fffdf9; --surface-soft:#fff3df; --line:#f1dfc1; --text:#392a1b; --muted:#907961; --accent:#dc8a25; --accent-deep:#a75e0b; --accent-soft:#fff0d2; --accent-line:#efcd92; --nav-muted:#9a866e; --day-active-bg:#e99934; --day-active-text:#2e1d0a; --button-bg:#e99934; --button-text:#2e1d0a; }
:root[data-theme="garnet"] { --bg:#fff8f9; --surface:#fffdfd; --surface-soft:#faedf0; --line:#eed9de; --text:#35232a; --muted:#8e747b; --accent:#a83c59; --accent-deep:#8e2947; --accent-soft:#f8e5eb; --accent-line:#e6b9c6; --nav-muted:#9b838a; --day-active-bg:#ae4561; --day-active-text:#fff; --button-bg:#ae4561; --button-text:#fff; }
:root[data-theme="coral"] { --bg:#fff9f6; --surface:#fffdfb; --surface-soft:#fff0e9; --line:#f1ded7; --text:#3a2b29; --muted:#957d77; --accent:#e88d79; --accent-deep:#b96052; --accent-soft:#ffebe4; --accent-line:#efc5b8; --nav-muted:#9d8981; --day-active-bg:#ed9c88; --day-active-text:#372321; --button-bg:#ed9c88; --button-text:#372321; }
:root[data-theme="mono"] { --bg:#f6f6f6; --surface:#fff; --surface-soft:#ededed; --line:#d6d6d6; --text:#171717; --muted:#696969; --accent:#353535; --accent-deep:#202020; --accent-soft:#e5e5e5; --accent-line:#b9b9b9; --positive:#606060; --positive-soft:#ededed; --nav-muted:#747474; --day-active-bg:#1c1c1c; --day-active-text:#fff; --button-bg:#1c1c1c; --button-text:#fff; --toast-bg:#1c1c1c; --toast-text:#fff; }
:root[data-theme="dark-amber"] { --bg:#17120d; --surface:#261e16; --surface-soft:#38291c; --line:#4a3828; --text:#f8efe3; --muted:#c0a993; --accent:#edab54; --accent-deep:#ffd08a; --accent-soft:#49311a; --accent-line:#76522b; --nav-muted:#b29e88; --nav-bg:rgba(36,28,20,.96); --day-active-bg:#ecaf5d; --day-active-text:#2b1b0b; --button-bg:#ecaf5d; --button-text:#2b1b0b; }
:root[data-theme="dark-garnet"] { --bg:#170f13; --surface:#281c22; --surface-soft:#39252e; --line:#513640; --text:#f8eff2; --muted:#c6a9b2; --accent:#dd7894; --accent-deep:#f5acc1; --accent-soft:#472633; --accent-line:#784458; --nav-muted:#b59ba5; --nav-bg:rgba(36,24,30,.96); --day-active-bg:#e3839d; --day-active-text:#2f1520; --button-bg:#e3839d; --button-text:#2f1520; }
:root[data-theme="dark-coral"] { --bg:#191211; --surface:#2b201e; --surface-soft:#3d2a27; --line:#553c36; --text:#faf0ed; --muted:#c7aaa4; --accent:#f1a08c; --accent-deep:#ffbfad; --accent-soft:#4b2d27; --accent-line:#805047; --nav-muted:#bba29b; --nav-bg:rgba(39,28,26,.96); --day-active-bg:#f1a894; --day-active-text:#35211d; --button-bg:#f1a894; --button-text:#35211d; }
:root[data-theme="dark-mono"] { --bg:#080808; --surface:#181818; --surface-soft:#252525; --line:#3a3a3a; --text:#fafafa; --muted:#a7a7a7; --accent:#e4e4e4; --accent-deep:#fff; --accent-soft:#303030; --accent-line:#696969; --positive:#c9c9c9; --positive-soft:#333; --nav-muted:#aaa; --nav-bg:rgba(20,20,20,.96); --day-active-bg:#f5f5f5; --day-active-text:#111; --button-bg:#f5f5f5; --button-text:#111; --toast-bg:#eee; --toast-text:#111; }
:root[data-theme="teal"] { --bg:#f2faf9; --surface:#fff; --surface-soft:#e8f5f2; --line:#d1e8e3; --text:#203532; --muted:#607d77; --accent:#377e78; --accent-deep:#24665f; --accent-soft:#def0ec; --accent-line:#9dcdc4; --nav-muted:#728e88; --day-active-bg:#377e78; --day-active-text:#fff; --button-bg:#377e78; --button-text:#fff; }
:root[data-theme="dark-teal"] { --bg:#101d1c; --surface:#1b2b29; --surface-soft:#263b38; --line:#3b5751; --text:#edf7f4; --muted:#a7c2ba; --accent:#82c5b7; --accent-deep:#a8e3d5; --accent-soft:#25453f; --accent-line:#4d8175; --nav-muted:#97b1aa; --nav-bg:rgba(20,38,35,.96); --day-active-bg:#82c5b7; --day-active-text:#142b27; --button-bg:#82c5b7; --button-text:#142b27; }
.swatch-amber { background:linear-gradient(135deg,#fff1d3 50%,#dc8a25 50%); }
.swatch-garnet { background:linear-gradient(135deg,#f9e6eb 50%,#a83c59 50%); }
.swatch-coral { background:linear-gradient(135deg,#ffede7 50%,#e88d79 50%); }
.swatch-mono { background:linear-gradient(135deg,#fff 50%,#222 50%); }
.swatch-dark-amber { background:linear-gradient(135deg,#382818 50%,#edab54 50%); }
.swatch-dark-garnet { background:linear-gradient(135deg,#39212c 50%,#dd7894 50%); }
.swatch-dark-coral { background:linear-gradient(135deg,#412a24 50%,#f1a08c 50%); }
.swatch-dark-mono { background:linear-gradient(135deg,#111 50%,#f2f2f2 50%); border:1px solid #686868; }
.swatch-teal { background:linear-gradient(135deg,#e0f4ef 50%,#377e78 50%); }
.swatch-dark-teal { background:linear-gradient(135deg,#203c37 50%,#82c5b7 50%); }
:root:is([data-theme="mono"],[data-theme="dark-mono"]) body { background:radial-gradient(ellipse at 8% 5%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%),transparent; }
:root:is([data-theme="mono"],[data-theme="dark-mono"]) .option-button.selected,
:root:is([data-theme="mono"],[data-theme="dark-mono"]) .option-button.off.selected { background:var(--accent); color:var(--day-active-text); box-shadow:none; }
:root:is([data-theme="mono"],[data-theme="dark-mono"]) .rhythm-fill { background:var(--accent); }