:root {
  --bg: #f4f3f1;
  --bg-alt: #ebeae7;
  --bg-accent: #ffffff;
  --bg-ink: #101010;
  --bg-ink-2: #1a1a1a;
  --text: #141414;
  --text-2: #5a5a5a;
  --text-3: #8d8d8d;
  --text-on-ink: #f3f2ef;
  --accent: #111111;
  --accent-hover: #000000;
  --accent-soft: #6f6f6f;
  --border: #d5d4d1;
  --error: #7a5555;
  --success: #4f5a4f;
  --on-accent: #f4f3f1;

  --font-sans: "Manrope", "Segoe UI", sans-serif;
  --font-display: "Prata", "Times New Roman", serif;

  --fs-body: 1.0625rem;
  --lh-body: 1.65;
  --measure: 62ch;

  --fs-h1: clamp(2.8rem, 7vw, 5rem);
  --fs-h2: clamp(2.1rem, 4.4vw, 3.4rem);
  --fs-h3: 1.4rem;

  --container: 1220px;
  --gutter: clamp(1.5rem, 4vw, 2rem);
  --section: clamp(2.75rem, 5vw, 4.5rem);
  --header: 5.6rem;
  --chrome: var(--header);

  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-xl: 12px;

  --shadow: 0 16px 36px rgba(0, 0, 0, 0.08);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 180ms;
}