/*
 * Emergents brand materials.
 * All reusable visual decisions live here.
 * Hard rule: no gradients and no rounded-corner tokens.
 */

:root {
  --font-sans: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  --color-ink: #080908;
  --color-paper: #ffffff;
  --color-success: #2fc66b;
  --color-success-deep: #167e42;
  --color-muted: #5d625e;
  --color-line: #171917;
  --color-line-soft: #cfd2cc;

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --space-9: 10rem;

  --type-small: 0.75rem;
  --type-body: clamp(1rem, 0.96rem + 0.18vw, 1.075rem);
  --type-lead: clamp(1.15rem, 1.08rem + 0.35vw, 1.35rem);
  --type-section: clamp(2.3rem, 4.4vw, 4.35rem);
  --type-display: clamp(3.5rem, 6vw, 5.6rem);

  --leading-body: 1.62;
  --section-space: 6rem;
  --section-space-tablet: 5rem;
  --section-space-mobile: 4.5rem;

  --measure-copy: 42rem;
  --layout-max: 82rem;
  --rule: 1px solid var(--color-line);
  --rule-soft: 1px solid var(--color-line-soft);
  --ease-out: cubic-bezier(0.2, 0.72, 0.2, 1);
}