:root {
  --color-red: #cb2d26;
  --color-red-dark: #9f211d;
  --color-red-soft: #fdebea;
  --color-ink: #202020;
  --color-ink-soft: #343434;
  --color-white: #ffffff;
  --color-paper: #f7f6f3;
  --color-gray-light: #eeeeeb;
  --color-gray-mid: #d7d6d1;
  --color-text: #62625f;
  --color-signal: #d8b33d;
  --color-success: #207a4f;
  --color-focus: #1367a8;
  --font-display: "Barlow Condensed", sans-serif;
  --font-body: "Manrope", sans-serif;
  --container: 1180px;
  --container-narrow: 820px;
  --header-height: 82px;
  --radius: 6px;
  --shadow-small: 0 8px 24px rgb(32 32 32 / 8%);
  --shadow-large: 0 28px 70px rgb(32 32 32 / 14%);
  --transition: 180ms ease;
}