@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&family=Nunito:wght@400;600;700&display=swap");

:root {
  --color-cream: #FFF6E0;
  --color-white: #FFFFFF;
  --color-ink: #1E1A3C;
  --color-muted: #58547A;
  --color-red: #D7263D;
  --color-yellow: #FFC914;
  --color-blue: #2F6FE0;
  --color-mint: #7DE0B5;
  --color-pink: #FF9EC4;

  --font-heading: "Baloo 2", "Trebuchet MS", sans-serif;
  --font-body: "Nunito", "Segoe UI", sans-serif;

  --text-body: 18px;
  --text-small: 15px;
  --text-lead: 21px;
  --text-h1: 38px;
  --text-h1-wide: 60px;
  --text-h2: 28px;
  --text-h2-wide: 34px;
  --text-h3: 24px;
  --line-body: 1.6;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 80px;

  --section-pad: 48px;
  --section-pad-wide: 80px;
  --content-width: 1120px;

  --radius: 18px;
  --outline: 3px solid var(--color-ink);
  --shadow: 6px 6px 0 var(--color-ink);
  --shadow-small: 4px 4px 0 var(--color-ink);
  --header-height: 68px;
}