@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-latin-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --color-red: #ff3514;
  --color-blue: #2f3985;
  --color-blue-dark: #20265d;
  --color-blue-soft: #4450a2;
  --color-red-soft: #ffe6e1;
  --color-paper: #f7f8f5;
  --color-mist: #eef2f3;
  --color-charcoal: #18252f;
  --color-white: #ffffff;

  --font-primary: "Manrope", "Segoe UI", Arial, sans-serif;
  --container-width: 1180px;
  --container-gutter: 1rem;
  --section-space: 7rem;
  --section-space-mobile: 5rem;

  --shadow-agency: 0 24px 70px rgba(47, 57, 133, 0.12);
  --shadow-dark: 0 28px 80px rgba(32, 38, 93, 0.3);
  --radius-small: 2px;
  --ease-premium: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 180ms;
  --duration-normal: 300ms;
  --duration-slow: 700ms;
}