@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap");
:root {
  --font: "Montserrat", Arial, sans-serif;
  --blog-font: "Montserrat", Arial, sans-serif;
  --blog-bg: #07080d;
  --blog-surface-rgb: 18, 20, 28;
  --blog-surface-opacity: 0.6;
  --surface: rgba(18, 20, 28, 0.6);
  --gold: #ffc72c;
  --blue: #0f4fa8;
  --white: #f7f7fb;
  --muted: #a7a7b2;
  --soft: #a7a7b2;
  --blog-radius: 28px;
  --blog-grid-size: 88px;
  --blog-grid-alpha: 0.035;
  --blog-heading-max: 20ch;
  --blog-heading-weight: 700;
  --blog-heading-tracking: 0em;
  --blog-h1-size: clamp(1.528rem, 3.64vw, 3.153rem);
  --blog-h1-mobile: clamp(2.1rem, 11vw, 3.153rem);
  --blog-h2-size: clamp(1.65rem, 3.7vw, 1.95rem);
  --blog-body-size: 0.924rem;
}