/* base.css */
html {
  font-size: 16px;
}

body {
  font-family: var(--font-primary);
  font-size: var(--fs-base);
  font-weight: var(--fw-medium);
  color: var(--color-text-main);
  background-color: var(--color-dark);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  font-weight: var(--fw-black);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.1;
}

h1 { font-size: var(--fs-4xl); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-xl); }
h4 { font-size: var(--fs-lg); }
h5 { font-size: var(--fs-md); }
h6 { font-size: var(--fs-base); }

p {
  font-weight: var(--fw-medium);
  line-height: 1.7;
  color: var(--color-text-muted);
}

strong {
  font-weight: var(--fw-bold);
  color: var(--color-text-main);
}

a {
  transition: color var(--transition-base);
}

a:hover {
  color: var(--color-primary);
}