:root {
  --dark-blue: #0F0249;
  --mid-blue: #8D9DF6;
  --light-blue: #CEDEFF;
  --orange: #F79F00;
  --deep-orange: #F18700;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #fff;
  scroll-behavior: smooth;
}

.bg-dark-blue {
  background-color: var(--dark-blue);
}

.bg-blue-light {
  background-color: var(--light-blue);
}

.bg-orange-light {
  background-color: var(--orange);
}

.text-dark-blue {
  color: var(--dark-blue);
}

.section-title {
  font-weight: 800;
  font-size: 2rem;
  border-bottom: 3px solid var(--mid-blue);
  display: inline-block;
  padding-bottom: 0.3rem;
}

.hero-section {
  height: 90vh;
  background-image: linear-gradient(to bottom right, var(--dark-blue), var(--mid-blue));
  display: flex;
  align-items: center;
  justify-content: center;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
  padding: 2rem;
}

.hero-section h1 {
  font-size: 3rem;
}

footer small {
  display: block;
  margin-top: 0.5rem;
  color: #aaa;
}

section[id] {
  scroll-margin-top: 100px;
}