/* Brand and layout tokens. One light theme, crimson accents, photographic hero. */
:root {
  color-scheme: light;
  --crimson: #7e1d30;
  --crimson-dk: #5c1522;
  --crimson-lt: #f5e9ec;
  --ink: #211d1b;
  --muted: #6b625e;
  --paper: #fff;
  --stone: #f6f5f2;
  --line: #dedbd7;
  --font: "DM Sans", Arial, sans-serif;
  --radius: 24px;
  --radius-sm: 16px;
  --pill: 100px;
  --container: 1280px;
  --gutter: clamp(24px, 5vw, 80px);
  /* Reading sizes stay consistent at every viewport; rem respects font preferences. */
  --body-size: 1.125rem;
  --copy-size: var(--body-size);
  --lead-size: 1.25rem;
  --support-size: 1rem;
  --body-leading: 1.65;
  --lead-leading: 1.6;
  --section-space: clamp(48px, 5vw, 80px);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}