:root {
  --red: #d41f26;
  --red-dark: #a8171d;
  --red-deep: #7e1116;
  --red-tint: #fbe9ea;
  --white: #ffffff;
  --off-white: #fafafa;
  --grey-100: #f2f2f2;
  --grey-200: #e8e8e8;
  --grey-300: #d9d9d9;
  --grey-500: #8a8a8a;
  --grey-600: #6b6b6b;
  --ink: #111111;
  --ink-2: #333333;

  --header-h: 88px;
  --container: 1280px;
  --gutter: 24px;

  --font-display: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
  --font-body: "Inter", "Segoe UI", Arial, sans-serif;
  --font-ar: "Cairo", "Tahoma", sans-serif;

  --radius: 2px;
  --shadow-menu: 0 24px 60px rgba(17, 17, 17, 0.18);
  --shadow-header: 0 12px 30px rgba(17, 17, 17, 0.22);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 200ms;
}

@media (max-width: 1199px) {
  :root {
    --header-h: 64px;
    --gutter: 18px;
  }
}