/* Existing Chongming palette and typography. */
:root{
  --paper:#F4F5EE;        /* watercolor paper, leaning toward the album's sage */
  --paper-deep:#E7EADD;
  --paper-lift:#FBFBF7;
  --page-bg:#FBFAF4;
  --ink:#1C2A21;          /* forest ink */
  --ink-2:#4A5A4F;
  --line:rgba(28,42,33,.14);
  --line-strong:rgba(28,42,33,.30);
  --wall:#1F3428;         /* museum-green wall for the portrait */
  --wall-ink:#EEEDE2;
  --wall-ink-2:#B8C2B4;
  --wall-line:rgba(238,237,226,.16);
  --wall-glow:rgba(255,236,196,.10);
  --mimosa:#E3C24B;       /* from the storybook cover */
  --mimosa-wash:rgba(227,194,75,.40);
  --wash-1:rgba(227,194,75,.20);
  --wash-2:rgba(150,170,120,.18);
  --gold:#A88340;         /* envelope foil, seal */
  --gold-ink:#7C5F27;
  --btn-bg:#1C2A21;
  --btn-ink:#F4F5EE;
  --btn-hover:#2E4236;
  --head-bg:rgba(244,245,238,.86);
  --note-todo-bg:#FFF3C0;
  --note-todo-ink:#5A4510;
  --note-why-bg:#E1EBDD;
  --note-why-ink:#2E4934;
  --shadow:28,42,33;
  --wood-shade:0;
  --grain:.05;
  /* physical objects keep their own colors in both themes */
  --edge:#2A1E16;
  --burn:#45291A;
  --page-1:#F5F2E8;
  --page-2:#DCD7C8;
  --cover-panel:#FDFCF8;
  --cover-ink:#34332E;
  --cover-mute:#86826F;
  --cover-rose:#AE625A;
  --cover-rule:#C9A24F;
  --label-bg:#F3F1E7;
  --label-ink:#26302A;
  --envelope-1:#E8C862;
  --envelope-2:#D2A73E;
  --envelope-ink:#2B230F;
  --on-mimosa:#2B230F;
  --seal-bg:#FBF8EF;

  --f-title:"Castoro Titling","Castoro",Georgia,serif;
  --f-serif:"Castoro",Georgia,"Times New Roman",serif;
  --f-sans:"Albert Sans","Helvetica Neue",Arial,sans-serif;
  --f-zh:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  --f-zh-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#101813; --paper-deep:#152019; --paper-lift:#1A251E; --page-bg:#1B241E;
    --ink:#E8E9DE; --ink-2:#A6B0A4; --line:rgba(232,233,222,.13); --line-strong:rgba(232,233,222,.30);
    --wall:#0A110D; --wall-ink:#EEEDE2; --wall-ink-2:#AAB4A6; --wall-line:rgba(238,237,226,.14); --wall-glow:rgba(255,236,196,.07);
    --mimosa:#E6C85A; --mimosa-wash:rgba(230,200,90,.30); --wash-1:rgba(230,200,90,.07); --wash-2:rgba(150,170,120,.08);
    --gold:#C9A55E; --gold-ink:#D6B66F;
    --btn-bg:#E8E9DE; --btn-ink:#101813; --btn-hover:#FFFFFF;
    --head-bg:rgba(16,24,19,.86);
    --note-todo-bg:#3A3319; --note-todo-ink:#F1E3A6; --note-why-bg:#1D3124; --note-why-ink:#CFE3D2;
    --shadow:0,0,0; --wood-shade:.2; --grain:.07;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --paper:#101813; --paper-deep:#152019; --paper-lift:#1A251E; --page-bg:#1B241E;
  --ink:#E8E9DE; --ink-2:#A6B0A4; --line:rgba(232,233,222,.13); --line-strong:rgba(232,233,222,.30);
  --wall:#0A110D; --wall-ink:#EEEDE2; --wall-ink-2:#AAB4A6; --wall-line:rgba(238,237,226,.14); --wall-glow:rgba(255,236,196,.07);
  --mimosa:#E6C85A; --mimosa-wash:rgba(230,200,90,.30); --wash-1:rgba(230,200,90,.07); --wash-2:rgba(150,170,120,.08);
  --gold:#C9A55E; --gold-ink:#D6B66F;
  --btn-bg:#E8E9DE; --btn-ink:#101813; --btn-hover:#FFFFFF;
  --head-bg:rgba(16,24,19,.86);
  --note-todo-bg:#3A3319; --note-todo-ink:#F1E3A6; --note-why-bg:#1D3124; --note-why-ink:#CFE3D2;
  --shadow:0,0,0; --wood-shade:.2; --grain:.07;
  color-scheme:dark;
}