:root {
  --default-font: "Roboto",  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --heading-font: "Poppins",  sans-serif;
  --nav-font: "Raleway",  sans-serif;
}

body {
  font-family: var(--default-font);
}

.main-content {
  display: grid;
  justify-content: center;
  height: 100vh;
  padding: 20px;
  grid-template-areas: "box-1 box-1 box-2";
  column-gap: 2rem;
}

.text-area {
  grid-area: box-1; /* ✅ Fixed: removed quotes (was "box-1") */
}

.image-area {
  grid-area: box-2; /* ✅ Fixed: removed quotes (was "box-2") */
}

.pcds-image {
  max-height: 400px;
  border-radius: 20px;
  object-fit: cover;
}