:root { 
    --bs-primary: #193E20; 
    --bs-secondary: #9AD5A2; 
    --bs-accent: #F3AF1C; 
    --bs-dark: #121212; 
    --bs-light: #f5f5f5; 
    --bs-border-radius: 10px; 
    --font-body: "Inter", "Poppins", sans-serif; }

.bg-primary {
    background-color: var(--bs-primary) !important; 
}

.text-primary{
    color: var(--bs-primary) !important;
}


.bg-secondary {
    background-color: var(--bs-secondary) !important; 
}

.text-secondary{
    color: var(--bs-secondary) !important;
}

.text-accent {
  color: var(--bs-accent) !important;
}

.bg-accent {
  background-color: var(--bs-accent) !important;
}

.text-dark {
  color: var(--bs-dark) !important;
}

.bg-dark {
  background-color: var(--bs-dark) !important;
}

.text-light {
  color: var(--bs-light) !important;
}

.bg-light {
  background-color: var(--bs-light) !important;
}

.custom-img-radius {
    border-radius: 50px 0 50px 0; 
}

.project-card {
  transition: transform .35s ease, box-shadow .35s ease;
  border-radius: 10px;
}

.project-card:hover {
  transform: translateY(-6px) scale(1.03);
  box-shadow: 0 12px 32px rgba(0,0,0,0.35);
}


h1{
    font-family: "Jersey 10", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 4rem;
    font-size: clamp(2rem, 6vw, 4rem);
  }
  
h1 a{
  color: var(--bs-accent);
  text-decoration: none;
}

h1 span {
  font-family: var(--font-body, sans-serif);
  font-weight: 500;
  font-size: 3rem;
  color: var(--bs-secondary);
}

.w-40px{
    max-width: 40px;
}

.fs-3rem{
    font-size: 3rem;
}