@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{
  --font-brand:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;

  --text-h1-size:64px;
  --text-h1-weight:var(--weight-extrabold);
  --text-h1-line:1.05;
  --text-h1-tracking:-0.02em;

  --text-h2-size:48px;
  --text-h2-weight:var(--weight-bold);
  --text-h2-line:1.1;
  --text-h2-tracking:-0.015em;

  --text-sub1-size:32px;
  --text-sub1-weight:var(--weight-semibold);
  --text-sub1-line:1.2;

  --text-sub2-size:24px;
  --text-sub2-weight:var(--weight-semibold);
  --text-sub2-line:1.25;

  --text-p1-size:18px;
  --text-p1-weight:var(--weight-regular);
  --text-p1-line:1.55;

  --text-p2-size:16px;
  --text-p2-weight:var(--weight-regular);
  --text-p2-line:1.55;

  --text-caption-size:14px;
  --text-caption-weight:var(--weight-medium);
  --text-caption-line:1.4;
}