:root {
  color-scheme: light;
  --paper: #eceee8;
  --sheet: #f8f9f5;
  --ink: #10231c;
  --on-ink: #ffffff;
  --muted: #56605a;
  --rule: #cdd2c9;
  --before: #0072b5;
  --before-text: #005a8f;
  --after: #f0601f;
  --after-text: #b8420f;
  --after-tint: #fbe3d6;
  --numeral: #d9531a;
  --success: #1e7a4a;
  --shadow-sheet: 0 1px 0 var(--rule), 0 18px 40px -24px rgba(16, 35, 28, 0.35);
  --error: #b3261e;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --error: #ffb4ab;
    --paper: #141a17;
    --sheet: #1c2420;
    --ink: #e6eae3;
    --on-ink: #10231c;
    --muted: #9aa59e;
    --rule: #2f3a34;
    --before: #4ba3db;
    --before-text: #7dbde6;
    --after: #ff7a40;
    --after-text: #ff9461;
    --after-tint: #3a2318;
    --numeral: #ff7a40;
    --success: #5cc08a;
    --shadow-sheet: 0 1px 0 var(--rule), 0 18px 40px -24px rgba(0, 0, 0, 0.6);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --error: #ffb4ab;
  --paper: #141a17;
  --sheet: #1c2420;
  --ink: #e6eae3;
  --on-ink: #10231c;
  --muted: #9aa59e;
  --rule: #2f3a34;
  --before: #4ba3db;
  --before-text: #7dbde6;
  --after: #ff7a40;
  --after-text: #ff9461;
  --after-tint: #3a2318;
  --numeral: #ff7a40;
  --success: #5cc08a;
  --shadow-sheet: 0 1px 0 var(--rule), 0 18px 40px -24px rgba(0, 0, 0, 0.6);
}