:root {
  /* Color */
  --color-ink: #12231C;
  --color-dark-green: #205641;
  --color-medium-green: #4E8C67;
  --color-light-green: #7BC18D;
  --color-paper: #F7F3EC;
  --color-terracotta: #B94E48;
  --color-white: #FFFFFF;
  --color-black: #0D0D0D;

  /* Type families */
  --font-display: Georgia, "Times New Roman", ui-serif, serif;
  --font-body: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Type scale */
  --step-display: clamp(2.5rem, 2rem + 2.5vw, 4.5rem);
  --step-h1: clamp(2rem, 1.6rem + 2vw, 3.25rem);
  --step-h2: clamp(1.5rem, 1.3rem + 1vw, 2.25rem);
  --step-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --step-body-large: clamp(1.125rem, 1.05rem + 0.3vw, 1.375rem);
  --step-body: 1rem;
  --step-small: 0.875rem;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;
}