/* Painting. Bright primer white, plum ink, cobalt for actions, marigold for drawings. */
:root {
  --font-display: "Noto Serif Display", Georgia, serif;
  --font-body: "Mona Sans", "Segoe UI", system-ui, sans-serif;
  --weight-display: 500;
  --tracking: -0.025em;
  --tracking-sm: -0.01em;
  --bg: #fbfaf7;
  --surface-2: #efedf3;
  --fg: #2a1e33;
  --fg-muted: #5f5566;
  --border: rgb(42 30 51 / 13%);
  --accent: #2747d6;
  --accent-fg: #ffffff;
  --grain: 0.04;
  --r-card: 14px;
  --r-panel: 22px;
  --r-pill: 999px;
  --ease: cubic-bezier(0.22, 0.8, 0.24, 1);
  --dur: 450ms;
  --dur-slow: 800ms;
  --rise: 20px;
  --stagger: 70ms;

  --ink: #2a1e33;
  --ink-2: #382a43;
  --ink-fg: #fbfaf7;
  --ink-muted: #c3b8cc;
  --ink-border: rgb(251 250 247 / 16%);
  --detail: #e9a23b;
  /* Cobalt numbers are too dark on the plum band; numbers and focus rings there use the detail color. */
  --ink-accent: var(--detail);
}

.btn {
  border-color: #1e38b0;
}