:root {
  --font-size: 18px;
  --font-family-headings: 'Sour Gummy', sans-serif;
  --font-family-copy: 'Poppins', serif;
  --text-line-height: 1.5;

  --page-spacing: 1em;

  --container-spacing-top-safe: max(1rem, env(safe-area-inset-top));
  --container-spacing-right-safe: max(1rem, env(safe-area-inset-right));
  --container-spacing-bottom-safe: max(1rem, env(safe-area-inset-bottom));
  --container-spacing-left-safe: max(1rem, env(safe-area-inset-left));

  --border-thin: 0.0625em;
  --border-radius: 0.75em;

  --textblock-padding: 0 var(--container-spacing-right-safe) 0 var(--container-spacing-left-safe);

  --refimage-max-width: 50rem;

  --transition-color: color 0.5s, background-color 0.5s;

  @media (min-height: 64em) {
    --page-spacing: 3em;
  }

  @media (min-width: 80em) {
    --font-size: 20px;
  }

  @media (min-width: 120em) {
    --font-size: 24px;
  }
}
