/* Fence. Stone-white ground, charcoal ink, survey-flag pink for actions, fresh cedar for drawings. */
:root {
  --font-display: "Newsreader", Georgia, serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;
  --weight-display: 600;
  --tracking: -0.02em;
  --tracking-sm: -0.01em;
  --bg: #f1f2ef;
  --surface-2: #e4e7e1;
  --fg: #1e2420;
  --fg-muted: #57615a;
  --border: rgb(30 36 32 / 14%);
  --accent: #d6336c;
  --accent-fg: #ffffff;
  --grain: 0.05;
  --r-card: 12px;
  --r-panel: 18px;
  --r-pill: 999px;
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);
  --dur: 450ms;
  --dur-slow: 800ms;
  --rise: 20px;
  --stagger: 70ms;

  --ink: #1f2622;
  --ink-2: #29312c;
  --ink-fg: #f1f2ef;
  --ink-muted: #aeb8b0;
  --ink-border: rgb(241 242 239 / 16%);
  --detail: #c98a52;
  /* Pink numbers are too dark on the charcoal band; numbers and focus rings there use the detail color. */
  --ink-accent: var(--detail);
}

.btn {
  border-color: #b8285a;
}