/**
 * Typography Base Styles
 * Montserrat (UI) + JetBrains Mono (Code)
 */

/* Body & UI Text - Montserrat */
body {
  margin: 0;
  font-family: var(--font-ui);
  font-weight: var(--weight-regular);
  font-size: var(--text-base);
  line-height: var(--leading-normal);
}

/* Headings - Montserrat Light (style "SAY HI — SAY HELLO") */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-ui);
  font-weight: var(--weight-light);
  letter-spacing: 0.05em;
  line-height: var(--leading-tight);
}

h1 {
  font-size: var(--text-hero);
  text-transform: uppercase;
}

h2 {
  font-size: var(--text-4xl);
  text-transform: uppercase;
}

h3 {
  font-size: var(--text-2xl);
}

/* Paragraphs */
p {
  font-family: var(--font-ui);
  font-weight: var(--weight-regular);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}

/* Code & Technical - JetBrains Mono */
code,
pre,
.font-code,
.tech-label {
  font-family: var(--font-code);
  font-weight: var(--weight-regular);
}

code {
  font-size: 0.9em;
  padding: 0.2em 0.4em;
}

pre {
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
  overflow-x: auto;
}

/* Utility: Font Code */
.font-code {
  font-family: var(--font-code);
}

/* Utility: Font weights */
.font-light { font-weight: var(--weight-light); }
.font-regular { font-weight: var(--weight-regular); }
.font-medium { font-weight: var(--weight-medium); }
.font-bold { font-weight: var(--weight-bold); }