/* ===== FONT IMPORTS ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Open+Sans:wght@400;600&family=Poppins:wght@500;700&family=Roboto:wght@400&display=swap');

/* ===== GLOBAL DEFAULT ===== */
body {
    font-family: 'Roboto', 'Open Sans', Arial, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
}

/* ===== BRAND / HEADER ===== */
.brand {
    font-family: 'Poppins', 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: 0.5px;
}

/* ===== NAVIGATION ===== */
nav a {
    font-family: 'Poppins', 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 0.95rem;
}

/* ===== HERO SECTION ===== */
.hero h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 2rem;
}

.hero p {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
  color: #ddd;
}

/* ===== ABOUT SECTION ===== */
.about-text h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  margin-bottom: 1rem;
}

.about-text p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
}

/* ===== PROJECT CARDS ===== */
.card h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.card p,
.card .meta {
  font-family: 'Roboto', 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 0.95rem;
  color: #555;
}

/* ===== FOOTER ===== */
footer {
  font-family: 'Poppins', 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
}