/* Typography CSS */
h1 {
  font-size: 7.2rem;
  font-weight: 700;
}

h2 {
  font-size: 4rem;
  font-weight: 700;
}

h3 {
  font-size: 2.4rem;
  font-weight: 600;
}

h4 {
  font-size: 2rem;
  font-weight: 600;
}

h5 {
  font-size: 1.8rem;
  font-weight: 600;
}

h6 {
  font-size: 1.6rem;
  font-weight: 600;
}

p {
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--text-secondary);
}

.section-title {
  position: relative;
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}

.text-center {
  text-align: center;
}

.text-primary {
  color: var(--text-primary);
}

.text-secondary {
  color: var(--text-secondary);
}

.text-tertiary {
  color: var(--text-tertiary);
}

.text-accent {
  color: var(--accent);
}

.font-light {
  font-weight: 300;
}

.font-regular {
  font-weight: 400;
}

.font-medium {
  font-weight: 500;
}

.font-semibold {
  font-weight: 600;
}

.font-bold {
  font-weight: 700;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

/* Icon fonts */
.icon-email::before {
  content: '✉';
}

.icon-location::before {
  content: '📍';
}

.icon-linkedin::before {
  content: 'in';
}

.icon-github::before {
  content: 'GH';
}

.icon-twitter::before {
  content: 'X';
}

.icon-dribbble::before {
  content: 'Dr';
}