/* Generated by shared/design-tokens/generate.mjs. Do not edit directly. */

:root {
  color-scheme: light;
}

body.theme-white {
  --page-bg: #F7F3EA;
  --page-text: #222222;
  --note-text: #666666;
  --muted-text: #5F6368;
  --card-bg: #FFFFFF;
  --card-border: #DDDDDD;
  --card-shadow: rgba(0, 0, 0, 0.06);
  --badge-bg: #F7F7F7;
  --badge-border: #DDDDDD;
  --badge-text: #374151;
  --result-title: #111827;
  --settings-bg: #FAF9F5;
  --settings-border: #DDDDDD;
  --btn-bg: #111827;
  --btn-text: #FFFFFF;
  --btn-border: #111827;
  --chip-bg: #FAFAFA;
  --chip-border: #D4D4D4;
  --chip-text: #111827;
  --link: #2F5D50;
  --link-hover: #C74B32;
  --link-visited: #65447C;
  --reading-progress: #2F5D50;
  --reading-progress-track: rgba(47, 93, 80, 0.22);
  --backdrop: rgba(17, 24, 39, 0.45);
}

body.theme-paper {
  --page-bg: #F7F3EA;
  --page-text: #1C1916;
  --note-text: #6B635A;
  --muted-text: #6B635A;
  --card-bg: #FFFAF2;
  --card-border: #D8CFC3;
  --card-shadow: rgba(70, 46, 22, 0.09);
  --badge-bg: #EFE2D2;
  --badge-border: #D8C3AD;
  --badge-text: #43372B;
  --result-title: #221C14;
  --settings-bg: #FFF7EE;
  --settings-border: #E2CDB2;
  --btn-bg: #2F5D50;
  --btn-text: #FFFFFF;
  --btn-border: #2F5D50;
  --chip-bg: #EFE4D6;
  --chip-border: #D4C0A6;
  --chip-text: #3A2D1F;
  --link: #2F5D50;
  --link-hover: #C74B32;
  --link-visited: #6C4C70;
  --reading-progress: #2F5D50;
  --reading-progress-track: rgba(47, 93, 80, 0.22);
  --backdrop: rgba(56, 38, 18, 0.45);
}

body.theme-dark {
  color-scheme: dark;
  --page-bg: #121212;
  --page-text: #E8E4DC;
  --note-text: #AAA39A;
  --muted-text: #AAA39A;
  --card-bg: #1B1A18;
  --card-border: #3B3833;
  --card-shadow: rgba(0, 0, 0, 0.45);
  --badge-bg: #23211E;
  --badge-border: #3B3833;
  --badge-text: #E8E4DC;
  --result-title: #E8E4DC;
  --settings-bg: #1B1A18;
  --settings-border: #3B3833;
  --btn-bg: #7FB8A7;
  --btn-text: #121212;
  --btn-border: #7FB8A7;
  --chip-bg: #292724;
  --chip-border: #48443E;
  --chip-text: #E8E4DC;
  --link: #7FB8A7;
  --link-hover: #E49A83;
  --link-visited: #D0A8E8;
  --reading-progress: #7FB8A7;
  --reading-progress-track: rgba(127, 184, 167, 0.24);
  --backdrop: rgba(3, 7, 18, 0.55);
}