:root {
  --red: #d41f26;
  --red-dark: #a8171d;
  --red-deep: #7e1116;
  --red-tint: #f8e7e8;
  --paper: #ffffff;
  --wash: #f2efeb;
  --wash-deep: #e6e0da;
  --ink: #151110;
  --ink-2: #2d2522;
  --muted: #6d605c;
  --line: #d8d0c9;
  --line-strong: #241d1a;
  --display: "Saira Condensed", "Arial Narrow", Impact, sans-serif;
  --body: "Libre Franklin", "Segoe UI", Arial, sans-serif;
  --arabic: "Almarai", "Tahoma", sans-serif;
  --page: 1320px;
  --gutter: clamp(20px, 5vw, 56px);
  --header: 64px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 220ms;
  --shadow-ticket: 0 28px 70px rgba(0, 0, 0, 0.28);
}

@media (min-width: 1024px) {
  :root {
    --header: 78px;
    --gutter: clamp(28px, 4vw, 56px);
  }
}

@media (min-width: 1440px) {
  :root {
    --header: 84px;
  }
}