/* Unfussed design tokens (one source of truth) */
:root {
  --ink: #162019;

  --paper: #f7f3ea;
  --paper: light-dark(#f7f3ea, #12180f);

  --card: #fffdf8;
  --card: light-dark(#fffdf8, #1b2717);

  --line: #d8d5c9;
  --line: light-dark(#d8d5c9, rgba(243, 240, 230, .16));

  --muted: #667064;
  --muted: light-dark(#667064, #a6b0a3);

  --text: var(--ink);
  --text: light-dark(var(--ink), #f3f0e6);

  /* Accents */
  --acid: #d9ff57;
  --lime: #d9ff57;

  --green: #163d29;
  --forest: #163d29;
  --forest: light-dark(#163d29, #a8d8ba);

  --green-ink: #163d29;
  --green-ink: light-dark(#163d29, #8fe0af);

  --coral: #ff7657;
  --orange: #ff7657;

  --orange-ink: #b03d20;
  --orange-ink: light-dark(#b03d20, #ff9b85);

  --rust: #b4400f;
  --rust: light-dark(#b4400f, #f0a08a); /* Used app.css fallback as well */
}