@layer theme {
  :root {
    color-scheme: light;
    --ink: #203c39;
    --muted: #586b65;
    --paper: #faf9f4;
    --surface: #f0eee4;
    --line: #cbd0c3;
    --accent: #214f43;
    --on-accent: #faf9f4;
    --error: #9f312c;
    --deep: #193c36;
    --on-deep: #faf9f4;
    --soft-deep: #c7d5c6;
    --highlight: #dae3c2;
    --warm: #a65b36;
    --serif: Georgia, 'Times New Roman', serif;
    --radius: .3rem;
    --utility-surface: #eaece2;
    --utility-line: #a5b3a3;
  }
  @media (prefers-color-scheme: dark) { :root { color-scheme: dark; --ink: #e5ede3; --muted: #becabe; --paper: #172c27; --surface: #203a32; --line: #527064; --accent: #b5d6a0; --on-accent: #152d25; --error: #ffb5a5; --deep: #0d221c; --on-deep: #edf2e6; --soft-deep: #bdccb7; --highlight: #263f30; --warm: #ecb18a; --utility-surface: #294039; --utility-line: #718876; } }
  :root[data-scheme=light] { color-scheme: light; --ink: #203c39; --muted: #586b65; --paper: #faf9f4; --surface: #f0eee4; --line: #cbd0c3; --accent: #214f43; --on-accent: #faf9f4; --error: #9f312c; --deep: #193c36; --on-deep: #faf9f4; --soft-deep: #c7d5c6; --highlight: #dae3c2; --warm: #a65b36; --utility-surface: #eaece2; --utility-line: #a5b3a3; }
  :root[data-scheme=dark] { color-scheme: dark; --ink: #e5ede3; --muted: #becabe; --paper: #172c27; --surface: #203a32; --line: #527064; --accent: #b5d6a0; --on-accent: #152d25; --error: #ffb5a5; --deep: #0d221c; --on-deep: #edf2e6; --soft-deep: #bdccb7; --highlight: #263f30; --warm: #ecb18a; --utility-surface: #294039; --utility-line: #718876; }
  @media print { :root, :root[data-scheme] { color-scheme: light; --ink: #000; --paper: #fff; --muted: #333; } }
}