/* YOUR BRAND, YOUR CORNER.
   Edit these variables first. More overrides can go underneath.
   Keep foreground text readable against each background. */
:root {
  --ink: #243d36;
  --paper: #f5f3eb;
  --muted: #64716a;
  --line: #d8ddd1;
  --peach: #e9baa2;
  --sage: #d8dfb3;
  --blue: #cedde7;
}
/* Example: .hero h1 { font-size: clamp(44px, 5.4vw, 74px); } */