:root {
  --big-header-font-size: 96px;
  --big-header-letter-spacing: 1.92px;
  --big-header-line-height: 83.65%;
  --big-header-text-stroke-width: 2px;

  --header-font-size: 40px;
  --header-letter-spacing: 0.96px;

  --title-font-size: 32px;
  --title-letter-spacing: 0.96px;

  --subtitle-font-size: 20px;
  --subtitle-letter-spacing: 0.6px;

  --default-font-size: 16px;

  --secondary-font-size: 14px;
  --secondary-letter-spacing: 0.14px;

  --tertiary-font-size: 12px;
  --tertiary-letter-spacing: 0.12px;
}

@media screen and (max-width: 768px) {
  :root {
    --big-header-font-size: 48px;
    --big-header-letter-spacing: 1.92px;
  
    --header-font-size: 32px;
    --header-letter-spacing: 0.96px;
  
    --title-font-size: 20px;
    --title-letter-spacing: 0.6px;
  
    --subtitle-font-size: 18px;
    --subtitle-letter-spacing: 0.6px;
  }
}

/* RL Aqva Black font */
@font-face {
  font-family: 'RL Aqva Black';
  src: url('../fonts/RL%20Aqva%20Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Optional global usage example:
body { font-family: 'RL Aqva Black', 'Work Sans', sans-serif; }
*/