:root {
  --blue: #05204A;
  --cta-blue: #3D86B8;
  --blue2: #006BA6;
  --beige: #FAF3EB;
  --cream: #FFF8F1;
  --navy: #1C2C4C;
  --gray: #999999;
  --dark-beige: #E0CAA9;
  --deep-purple:#67306C;
  --text: #333333;

  --radius: 8px;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.15);
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  color: var(--text);
  background-color: var(--white);
}

/* ========== REUSABLE COMPONENTS ========== */
.section {
  padding: 80px 20px;
}

.section-heading {
  text-align: center;
  font-size: 2rem;
  color: var(--navy);
  margin-bottom: 40px;
}