/* Edit the two font families and tracking values here.
   Negative tracking = tighter; positive tracking = wider.
   font-kerning controls the font's built-in letter-pair spacing. */
:root {
  --font-primary: "Manrope", Arial, sans-serif;
  --font-secondary: "DM Mono", monospace;
  --font-kerning: normal;

  --tracking-body: .01em;
  --tracking-brand: -.055em;
  --tracking-header: .1em;
  --tracking-buttons: .035em;
  --tracking-headings: -.05em;
  --tracking-about: -.04em;
  --tracking-projects: -.005em;
  --tracking-caption: 0em;
  --tracking-controls: 0em;
  --tracking-footer: .06em;

  --size-body: 14px;
  --size-brand: 25px;
  --size-header: 10px;
  --size-buttons: 10px;
  --size-headings: clamp(32px, 4vw, 60px);
  --size-about: clamp(30px, 4.7vw, 68px);
  --size-projects: 12px;
  --size-caption: 10px;
  --size-controls: 10px;
  --size-footer: 10px;
  --size-about-copy: clamp(15px, 1.3vw, 18px);
  --size-like-count: 9px;

  --weight-body: 400;
  --weight-brand: 600;
  --weight-headings: 400;
}
@media (max-width: 800px) {
  :root {
    --size-brand: 22px;
    --size-header: 8px;
    --tracking-header: .07em;
    --size-buttons: 9px;
    --size-headings: clamp(28px, 6.5vw, 44px);
    --size-controls: 9px;
    --size-projects: 10px;
  }
}
@media (max-width: 390px) {
  :root {
    --size-brand: 21px;
    --size-buttons: 8px;
    --size-projects: 9px;
  }
}