:root {
  --canvas: #ffffff;
  --ink: #111111;
  --charcoal: #121212;
  --muted: #6b6b6b;
  --quiet: #8a8a8a;
  --well: #e6e6ea;
  --line-color: #ececec;
  --blob: #2b66ff;
  --wordmark: #c8c8c8;
  --demo: #9a9a9a;
  --board: #f7f7f8;

  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-bold: 600;

  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-md: 0.9375rem;
  --text-body: 1.05rem;
  --text-h2: clamp(1.5rem, 3vw, 1.85rem);
  --text-card: 1.35rem;

  --page: min(40rem, calc(100% - 2rem));
  --card-w: min(24.5rem, calc(100% - 2rem));

  --radius-card: 28px;
  --radius-tile: 12px;
  --radius-pill: 999px;

  --line: 1px solid var(--line-color);
}