:root,
[data-palette="grove"] {
  --ink: #183234;
  --muted: #617375;
  --paper: #f5f3eb;
  --surface: #fffdfa;
  --line: #d8ded5;
  --teal: #1f766e;
  --lime: #d8ed8c;
  --coral: #f38e6d;
  --shadow: 0 12px 30px rgba(20, 54, 53, .08);
  --sidebar-background: #183234;
  --sidebar-brand-ink: #183234;
  --sidebar-text: #c8d8d0;
  --on-sidebar: #f8fbf3;
  --on-accent: #ffffff;
  --on-lime: #17302e;
  --welcome-muted: #315755;
  --danger: #b74635;
  --danger-ink: #a23d30;
  --success: #136b51;
  --success-fill: #def5d6;
  --success-line: #b9dfac;
  --draft: #8a5a12;
  --draft-fill: #f7e7c2;
  --draft-line: #e2c27a;
  --warning: #b78225;
  --auth-intro: #183234;
  --auth-muted: #c6d5cd;
  --html-background: #f5f3eb;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
}

[data-theme="dark"]:not([data-palette]),
[data-palette="grove"][data-theme="dark"] {
  --ink: #e6f0e8;
  --muted: #aabbb1;
  --paper: #152525;
  --surface: #1d3130;
  --line: #36504d;
  --teal: #62b8ac;
  --lime: #b5dc76;
  --coral: #ffae8d;
  --shadow: 0 12px 30px rgba(0, 0, 0, .25);
  --sidebar-background: #0d1c1b;
  --sidebar-brand-ink: #102827;
  --sidebar-text: #c8d8d0;
  --on-sidebar: #f8fbf3;
  --on-accent: #ffffff;
  --on-lime: #17302e;
  --welcome-muted: #315755;
  --danger: #ffae8d;
  --danger-ink: #ffd2c2;
  --success: #8ee0b8;
  --success-fill: #1f4038;
  --success-line: #3d6b5c;
  --draft: #f0c56d;
  --draft-fill: #3d3420;
  --draft-line: #6b5728;
  --warning: #f0c56d;
  --auth-intro: #0d1c1b;
  --auth-muted: #aabbb1;
  --html-background: #152525;
}

[data-palette="blackout"] {
  --ink: #111111;
  --muted: #5c5c5c;
  --paper: #f3f3f1;
  --surface: #ffffff;
  --line: #cfcfcf;
  --teal: #2c2c2c;
  --lime: #d8d8d4;
  --coral: #6a6a6a;
  --shadow: 0 12px 30px rgba(0, 0, 0, .12);
  --sidebar-background: #111111;
  --sidebar-brand-ink: #111111;
  --sidebar-text: #c6c6c6;
  --on-sidebar: #f4f4f4;
  --on-accent: #ffffff;
  --on-lime: #111111;
  --welcome-muted: #3a3a3a;
  --danger: #7a1f1f;
  --danger-ink: #5c1515;
  --success: #1a1a1a;
  --success-fill: #e8e8e8;
  --success-line: #bdbdbd;
  --draft: #4a4a4a;
  --draft-fill: #ececec;
  --draft-line: #c4c4c4;
  --warning: #4a4a4a;
  --auth-intro: #111111;
  --auth-muted: #b5b5b5;
  --html-background: #f3f3f1;
}

[data-palette="blackout"][data-theme="dark"] {
  --ink: #f2f2f2;
  --muted: #9a9a9a;
  --paper: #000000;
  --surface: #141414;
  --line: #333333;
  --teal: #d0d0d0;
  --lime: #3a3a3a;
  --coral: #a8a8a8;
  --shadow: 0 12px 30px rgba(0, 0, 0, .55);
  --sidebar-background: #000000;
  --sidebar-brand-ink: #000000;
  --sidebar-text: #c6c6c6;
  --on-sidebar: #f4f4f4;
  --on-accent: #111111;
  --on-lime: #f2f2f2;
  --welcome-muted: #c4c4c4;
  --danger: #ff8a8a;
  --danger-ink: #ffd0d0;
  --success: #f2f2f2;
  --success-fill: #222222;
  --success-line: #4a4a4a;
  --draft: #d8d8d8;
  --draft-fill: #222222;
  --draft-line: #4a4a4a;
  --warning: #d8d8d8;
  --auth-intro: #000000;
  --auth-muted: #9a9a9a;
  --html-background: #000000;
}

[data-palette="blush"] {
  --ink: #3d1f2b;
  --muted: #8a5a6a;
  --paper: #fbf3f5;
  --surface: #fff8fa;
  --line: #ebcfd8;
  --teal: #b44d6e;
  --lime: #f3c4d4;
  --coral: #e07a8a;
  --shadow: 0 12px 30px rgba(80, 24, 48, .1);
  --sidebar-background: #4a1f32;
  --sidebar-brand-ink: #4a1f32;
  --sidebar-text: #efcdd8;
  --on-sidebar: #fff5f8;
  --on-accent: #ffffff;
  --on-lime: #3d1f2b;
  --welcome-muted: #6e3a4c;
  --danger: #b74635;
  --danger-ink: #8f2e3f;
  --success: #8f3d58;
  --success-fill: #f8dce6;
  --success-line: #e4b0c2;
  --draft: #9a5a2a;
  --draft-fill: #f8e4c8;
  --draft-line: #e2c08a;
  --warning: #b78225;
  --auth-intro: #4a1f32;
  --auth-muted: #efcdd8;
  --html-background: #fbf3f5;
}

[data-palette="blush"][data-theme="dark"] {
  --ink: #f8e6ec;
  --muted: #d4a3b4;
  --paper: #2a121c;
  --surface: #3a1c28;
  --line: #6a3548;
  --teal: #ee8aa8;
  --lime: #c46a88;
  --coral: #ffb0be;
  --shadow: 0 12px 30px rgba(0, 0, 0, .35);
  --sidebar-background: #1c0c14;
  --sidebar-brand-ink: #2a121c;
  --sidebar-text: #efcdd8;
  --on-sidebar: #fff5f8;
  --on-accent: #2a121c;
  --on-lime: #3d1f2b;
  --welcome-muted: #3d1f2b;
  --danger: #ffb0be;
  --danger-ink: #ffd2dc;
  --success: #f4b8c8;
  --success-fill: #4a2432;
  --success-line: #6a3548;
  --draft: #f0c56d;
  --draft-fill: #3d2a18;
  --draft-line: #6b5728;
  --warning: #f0c56d;
  --auth-intro: #1c0c14;
  --auth-muted: #d4a3b4;
  --html-background: #2a121c;
}

[data-palette="prism"] {
  --ink: #1c2540;
  --muted: #5a6280;
  --paper: #f4f1ff;
  --surface: #fffdf8;
  --line: #d4cfe8;
  --teal: #1f8a8a;
  --lime: #d4f06a;
  --coral: #ff6b4a;
  --shadow: 0 12px 30px rgba(48, 24, 96, .1);
  --sidebar-background: linear-gradient(165deg, #1f8a8a 0%, #5b3d9a 52%, #c45b3a 100%);
  --sidebar-brand-ink: #1c2540;
  --sidebar-text: #efe8ff;
  --on-sidebar: #fffdf8;
  --on-accent: #ffffff;
  --on-lime: #1c2540;
  --welcome-muted: #3d4a28;
  --danger: #d63d2a;
  --danger-ink: #b12a1c;
  --success: #1f7a4a;
  --success-fill: #d8f5c8;
  --success-line: #9ed98a;
  --draft: #8a5a12;
  --draft-fill: #f7e7c2;
  --draft-line: #e2c27a;
  --warning: #c47a12;
  --auth-intro: #5b3d9a;
  --auth-muted: #d8c8ff;
  --html-background: #f4f1ff;
}

[data-palette="prism"][data-theme="dark"] {
  --ink: #f3eeff;
  --muted: #b8add4;
  --paper: #16122a;
  --surface: #241c3c;
  --line: #4a3d72;
  --teal: #4fd4c8;
  --lime: #d4f06a;
  --coral: #ff8a68;
  --shadow: 0 12px 30px rgba(0, 0, 0, .4);
  --sidebar-background: linear-gradient(165deg, #0e3d3d 0%, #2a1658 52%, #5a2418 100%);
  --sidebar-brand-ink: #16122a;
  --sidebar-text: #efe8ff;
  --on-sidebar: #fffdf8;
  --on-accent: #16122a;
  --on-lime: #1c2540;
  --welcome-muted: #3d4a28;
  --danger: #ff8a68;
  --danger-ink: #ffd2c2;
  --success: #8ee0b8;
  --success-fill: #1c3a32;
  --success-line: #3d6b5c;
  --draft: #f0c56d;
  --draft-fill: #3d3420;
  --draft-line: #6b5728;
  --warning: #f0c56d;
  --auth-intro: #2a1658;
  --auth-muted: #b8add4;
  --html-background: #16122a;
}

[data-palette="forest"] {
  --ink: #0f2e26;
  --muted: #4d6b62;
  --paper: #e8f2ec;
  --surface: #f4faf6;
  --line: #c5d9ce;
  --teal: #0f4d3d;
  --lime: #b8d9a8;
  --coral: #c48b5c;
  --shadow: 0 12px 30px rgba(10, 46, 36, .1);
  --sidebar-background: #0a2e24;
  --sidebar-brand-ink: #0a2e24;
  --sidebar-text: #b8d4c4;
  --on-sidebar: #f0faf4;
  --on-accent: #ffffff;
  --on-lime: #0f2e26;
  --welcome-muted: #2d5c48;
  --danger: #b74635;
  --danger-ink: #a23d30;
  --success: #136b51;
  --success-fill: #d4ecd8;
  --success-line: #9ed4a8;
  --draft: #8a6a3a;
  --draft-fill: #f0e8d4;
  --draft-line: #d4bc8a;
  --warning: #b78225;
  --auth-intro: #0a2e24;
  --auth-muted: #b8d4c4;
  --html-background: #e8f2ec;
}

[data-palette="forest"][data-theme="dark"] {
  --ink: #e2f0ea;
  --muted: #8aa89c;
  --paper: #0a1814;
  --surface: #122820;
  --line: #2d4a40;
  --teal: #4db89e;
  --lime: #2d5c48;
  --coral: #e8b48a;
  --shadow: 0 12px 30px rgba(0, 0, 0, .28);
  --sidebar-background: #061410;
  --sidebar-brand-ink: #061410;
  --sidebar-text: #b8d4c4;
  --on-sidebar: #f0faf4;
  --on-accent: #061410;
  --on-lime: #e2f0ea;
  --welcome-muted: #8aa89c;
  --danger: #e8b48a;
  --danger-ink: #ffd2c2;
  --success: #6ec4a0;
  --success-fill: #1a3a30;
  --success-line: #2d5c48;
  --draft: #e8c878;
  --draft-fill: #2a3820;
  --draft-line: #4a5c38;
  --warning: #e8c878;
  --auth-intro: #061410;
  --auth-muted: #8aa89c;
  --html-background: #0a1814;
}

[data-palette="contrast"] {
  --ink: #000000;
  --muted: #1a1a1a;
  --paper: #ffffff;
  --surface: #ffffff;
  --line: #000000;
  --teal: #d4a017;
  --lime: #f5e14a;
  --coral: #000000;
  --shadow: 0 0 0 2px #000000;
  --sidebar-background: #000000;
  --sidebar-brand-ink: #000000;
  --sidebar-text: #ffffff;
  --on-sidebar: #ffffff;
  --on-accent: #000000;
  --on-lime: #000000;
  --welcome-muted: #000000;
  --danger: #000000;
  --danger-ink: #000000;
  --success: #000000;
  --success-fill: #f5e14a;
  --success-line: #000000;
  --draft: #000000;
  --draft-fill: #f5e14a;
  --draft-line: #000000;
  --warning: #000000;
  --auth-intro: #000000;
  --auth-muted: #ffffff;
  --html-background: #ffffff;
}

[data-palette="contrast"][data-theme="dark"] {
  --ink: #ffffff;
  --muted: #ffffff;
  --paper: #000000;
  --surface: #000000;
  --line: #ffffff;
  --teal: #ffe44d;
  --lime: #ffe44d;
  --coral: #ffffff;
  --shadow: 0 0 0 2px #ffffff;
  --sidebar-background: #000000;
  --sidebar-brand-ink: #000000;
  --sidebar-text: #ffffff;
  --on-sidebar: #ffffff;
  --on-accent: #000000;
  --on-lime: #000000;
  --welcome-muted: #000000;
  --danger: #ffffff;
  --danger-ink: #ffffff;
  --success: #ffe44d;
  --success-fill: #1a1600;
  --success-line: #ffffff;
  --draft: #ffe44d;
  --draft-fill: #1a1600;
  --draft-line: #ffffff;
  --warning: #ffe44d;
  --auth-intro: #000000;
  --auth-muted: #ffffff;
  --html-background: #000000;
}

.sidebar {
  background: var(--sidebar-background);
  color: var(--on-sidebar);
}

.brand-mark {
  color: var(--sidebar-brand-ink);
}