:root {
  --primary-font: 'Roboto';
  --heading-font: 'Montserrat';
  --font-weight-normal: 400;
  --font-weight-bold: 600;
  --font-base-size: 16px;
  --line-height: 1.6;
  --letter-spacing: 0px;
  --primary-color: #f64d0d;
  --secondary-color: #3498db;
  --text-color: #333333;
  --bg-color: #ffffff;
  --header-bg: #ffffff;
  --footer-bg: #f8f9fa;
  --border-radius: 5px;
  --shadow-intensity: 0.1;
}

body {
  font-family: var(--primary-font);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-base-size);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  color: var(--text-color);
  background-color: var(--bg-color);
}

h1, h2, h3, h4, h5, h6,
.section-title, .section-title-blog,
.banner-text h1, .project-title, .city-name {
  font-family: var(--heading-font);
  font-weight: var(--font-weight-bold);
}

.search-button,
.btn-view-details,
.btn-read-more,
.btn-view-all {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.search-button, .btn-view-details, .btn-whatsapp,
.btn-read-more, .btn-view-all {
  border-radius: var(--border-radius);
}

.unified-project-card, .blog-post-card,
.search-form-container {
  box-shadow: 0 2px 15px rgba(0,0,0,var(--shadow-intensity));
}

header, .sticky {
  background-color: var(--header-bg);
}