@layer theme {
  :root { color-scheme: light; --paper: #f6f7f3; --white: #ffffff; --ink: #172b23; --ink-soft: #52635a; --sage: #38624b; --sage-soft: #e4ece3; --line: #d9dfd6; --positive: #226642; --negative: #a43e30; --night: #172e25; --night-text: #edf4e9; --amber: #8e5e15; --shadow: 0 20px 60px rgb(23 43 35 / .07); }
  [data-theme="dark"] { color-scheme: dark; --paper: #101b16; --white: #19281f; --ink: #edf4e9; --ink-soft: #a8b9ab; --sage: #b3d5bb; --sage-soft: #253b2e; --line: #34483b; --positive: #92d3a5; --negative: #f1a89a; --night: #203b2e; --night-text: #edf4e9; --amber: #e2bf7f; --shadow: 0 20px 60px rgb(0 0 0 / .15); }
}