/* Base font for body and paragraphs */
body {
  font-family: 'Inter', 'Roboto', sans-serif;
  padding: 20px;
  line-height: 1.6;
  color: #111; /* softer than pure black for better readability */
  background-color: #fff;
}

/* Headings */
h1, h2, h3, h4 {
  font-family: 'Raleway', 'Montserrat', sans-serif;
  font-weight: 700;
  line-height: 1.4;
  color: #111;
}

h4 i {
  font-weight: 400;
  font-size: 21px;
  line-height: 1.4 !important;
}

/* Section title */
.section-title {
  font-family: 'Raleway', 'Montserrat', sans-serif;
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: #111;
}

.summary-title {
  font-size: 1.75rem;
  line-height: 1.35;
  margin-top: 40px;
  font-family: 'Raleway', 'Montserrat', sans-serif;
}

/* Paragraphs and list items */
p, .o9 p, .o9 li, .cs_details ul li {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
}

/* Small text / spans */
section div span, .overlay {
  font-family: 'Inter', 'Roboto', sans-serif;
  line-height: 1.4;
}

/* Navigation, breadcrumbs, links */
nav a, .breadcrumb, ul li {
  font-family: 'Inter', 'Roboto', sans-serif;
  line-height: 1.6;
  color: #5d2eff;
  text-decoration: none;
}

/* Logo and images */
.company-logo, .work-logo {
  object-fit: contain;
  background-color: #fff;
  padding: 8px;
}

/* Buttons */
.project-btn {
  background-color: #5d2eff;
  color: white;
  border: none;
  font-family: 'Inter', 'Roboto', sans-serif;
  font-weight: 500;
}

.project-btn:hover {
  background-color: #4520b0;
}

button a, button a:hover {
  color: #ffffff;
  text-decoration: none;
}

/* Image overlay effect */
.image-container .overlay {
  font-family: 'Inter', 'Roboto', sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
  padding: 10px;
  text-align: center;
}