/* Semantic palettes. Sage & Cream remains the default for existing browsers. */
:root, :root[data-theme="sage"] {
  color-scheme: light;
  --paper: #dfe4d8;
  --surface: #f1f2e8;
  --ink: #293e34;
  --muted: #536454;
  --line: #bdc8b6;
  --green: #315b46;
  --green-light: #dce5d2;
  --on-accent: #ffffff;
  --orange: #bd744f;
  --orange-light: #eddec8;
  --sidebar: #2e4439;
  --frame-ink: #edf0e2;
  --frame-muted: #c0ccb8;
  --frame-line: #516452;
  --frame-hover: #435b49;
  --nav-active: #c0cfad;
  --nav-ink: #263c2e;
  --nav-muted: #41583f;
  --avatar: #596f59;
  --topbar: #d9dfd1;
  --pill: #e4e9dd;
  --field: #f7f6ec;
  --field-line: #7b8f6e;
  --placeholder: #627258;
  --capture: #364d40;
  --composer: #293f34;
  --capture-line: #8b9e7e;
  --capture-ink: #f3f2e6;
  --capture-error: #ffd9c5;
  --capture-muted: #c9d2bf;
  --capture-accent: #bbcea5;
  --capture-hover: #c9d8b8;
  --disabled: #4a6250;
  --disabled-ink: #d4ddcc;
  --prompt: #e9edde;
  --option: #dfe7d5;
  --option-hover: #ceddbf;
  --next-step: #dfe8d5;
  --support-ink: #4c6342;
  --original: #e4e7d8;
  --tag: #d9e3ce;
  --tag-ink: #405638;
  --context: #eadac2;
  --context-ink: #76502b;
  --waiting: #dedbe8;
  --waiting-ink: #5c506b;
  --urgent: #eed8c9;
  --urgent-ink: #873f28;
  --warning: #fff4d9;
  --warning-ink: #704b17;
  --error: #8a2d28;
  --focus: #9b651f;
  --frame-focus: #e2bb7c;
  --input-focus: #607c4d;
  --toast: #293e35;
  --toast-ink: #ffffff;
  --backdrop: #24382a80;
  --shadow-color: #293d3615;
  --focus-halo: #c3d4a82b;
}
:root[data-theme="midnight"] {
  color-scheme: dark;
  --paper: #0e1828;
  --surface: #18263a;
  --ink: #edf2fb;
  --muted: #b2c1d7;
  --line: #3d526f;
  --green: #a8c7f2;
  --green-light: #283e58;
  --on-accent: #101e32;
  --orange: #e3b788;
  --orange-light: #3e342c;
  --sidebar: #0b1422;
  --frame-ink: #edf2fb;
  --frame-muted: #b2c1d7;
  --frame-line: #354965;
  --frame-hover: #243852;
  --nav-active: #adc8ee;
  --nav-ink: #14243a;
  --nav-muted: #2e4663;
  --avatar: #3c5573;
  --topbar: #152236;
  --pill: #21334a;
  --field: #111e30;
  --field-line: #6e88a8;
  --placeholder: #a7bad3;
  --capture: #101f34;
  --composer: #0b1728;
  --capture-line: #6682a5;
  --capture-ink: #edf2fb;
  --capture-error: #ffd9c5;
  --capture-muted: #b3c5dd;
  --capture-accent: #adc8ee;
  --capture-hover: #c5dcfa;
  --disabled: #2e4562;
  --disabled-ink: #b8c6d8;
  --prompt: #20334c;
  --option: #2a405b;
  --option-hover: #3a5575;
  --next-step: #223952;
  --support-ink: #b3d0ed;
  --original: #111f31;
  --tag: #30475e;
  --tag-ink: #c4dfed;
  --context: #463b2e;
  --context-ink: #f2d3a3;
  --waiting: #39394e;
  --waiting-ink: #d5c8ed;
  --urgent: #4c3038;
  --urgent-ink: #ffbdbe;
  --warning: #403525;
  --warning-ink: #f7d6a1;
  --error: #ffb4b4;
  --focus: #f2c888;
  --frame-focus: #f2c888;
  --input-focus: #98c5f8;
  --toast: #d9e7fa;
  --toast-ink: #152339;
  --backdrop: #020712b8;
  --shadow-color: #00000040;
  --focus-halo: #98c5f82b;
}
:root[data-theme="charcoal"] {
  color-scheme: dark;
  --paper: #18191b;
  --surface: #242628;
  --ink: #f0f0ef;
  --muted: #bfc2c7;
  --line: #505357;
  --green: #d6d8db;
  --green-light: #373a3e;
  --on-accent: #20242a;
  --orange: #dbb795;
  --orange-light: #3c342e;
  --sidebar: #111214;
  --frame-ink: #f0f0ef;
  --frame-muted: #bfc2c7;
  --frame-line: #43474a;
  --frame-hover: #313638;
  --nav-active: #ced1d6;
  --nav-ink: #212429;
  --nav-muted: #444951;
  --avatar: #50545c;
  --topbar: #202225;
  --pill: #303538;
  --field: #1a1d1f;
  --field-line: #858d98;
  --placeholder: #bcc0c6;
  --capture: #202226;
  --composer: #141619;
  --capture-line: #858d98;
  --capture-ink: #f0f1f3;
  --capture-error: #ffd9c5;
  --capture-muted: #c6cbd2;
  --capture-accent: #ced1d6;
  --capture-hover: #e2e5e9;
  --disabled: #42464e;
  --disabled-ink: #c8cdd4;
  --prompt: #2d3036;
  --option: #393e46;
  --option-hover: #515a66;
  --next-step: #343940;
  --support-ink: #ccd5e2;
  --original: #20242a;
  --tag: #3d444f;
  --tag-ink: #d6deeb;
  --context: #463d31;
  --context-ink: #efdab9;
  --waiting: #423e4a;
  --waiting-ink: #ddd1eb;
  --urgent: #4a3234;
  --urgent-ink: #f3bfc1;
  --warning: #42392b;
  --warning-ink: #f1d6ae;
  --error: #ffb9b2;
  --focus: #f0c995;
  --frame-focus: #f0c995;
  --input-focus: #c6d4eb;
  --toast: #e0e3e8;
  --toast-ink: #242831;
  --backdrop: #050706b8;
  --shadow-color: #00000040;
  --focus-halo: #c6d4eb2b;
}