:root {
  /* Warm slate monochrome — override --accent in other mini-apps */
  --surface: #f3f0ea;
  --surface-elevated: #fffdf9;
  --ink: #1c1b19;
  --ink-muted: #5c5852;
  --line: #d8d2c8;
  --accent: #3f3c38;
  --accent-ink: #fffdf9;
  --danger: #8b3a2f;
  --focus: #3f3c38;

  --font-sans: "Source Sans 3", "Segoe UI", sans-serif;
  --font-serif: "Literata", "Iowan Old Style", "Palatino Linotype", Palatino, serif;

  --text-sm: 0.9rem;
  --text-base: 1.05rem;
  --text-lg: 1.25rem;
  --text-xl: 1.6rem;
  --text-2xl: 2rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius: 6px;
  --shadow: 0 1px 2px rgba(28, 27, 25, 0.06);
  --max-width: 52rem;
  --max-narrow: 28rem;
}