/* ============================================
   THEME A: "Clean & Warm"
   Soft, approachable, trust-first design.
   Pill buttons, warm backgrounds, soft shadows.
   ============================================ */

:root {
  --border-radius: 12px;
  --border-radius-lg: 16px;
  --border-radius-sm: 8px;
  --btn-radius: 50px;

  --shadow-sm: 0 2px 8px rgba(35,144,164,0.04);
  --shadow-md: 0 4px 20px rgba(35,144,164,0.08);
  --shadow-lg: 0 8px 40px rgba(35,144,164,0.1);
  --shadow-card: 0 2px 16px rgba(35,144,164,0.06);

  --section-alt-bg: #FDF9F3;
  --hero-bg: linear-gradient(180deg, #FFFFFF 0%, #FDF9F3 100%);
}

/* Hero with warm gradient */
.hero {
  background: var(--hero-bg);
}

/* Softer heading weights */
.section-title {
  font-weight: 600;
}

h1 {
  font-weight: 600;
}

/* Warm section label */
.section-label {
  background: linear-gradient(135deg, var(--color-primary), var(--color-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Cards with larger radius and warm hover */
.card {
  border-radius: var(--border-radius-lg);
}

.card:hover {
  box-shadow: 0 8px 30px rgba(35,144,164,0.12);
  transform: translateY(-4px);
}

.card__image {
  border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
}

/* Involvement cards with warm glow */
.involve-card {
  border-radius: var(--border-radius-lg);
}

.involve-card:hover {
  box-shadow: 0 8px 30px rgba(35,144,164,0.12);
}

/* Softer testimonial styling */
.testimonial {
  border-radius: var(--border-radius-lg);
  border: 1px solid rgba(35,144,164,0.08);
}

.testimonial__quote::before {
  color: var(--color-primary);
  opacity: 0.2;
}

/* Trust badges with warm styling */
.trust-badge {
  border-radius: var(--border-radius);
  border: 1px solid rgba(35,144,164,0.08);
}

/* Warm CTA section */
.cta-section {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);
  border-radius: 0;
}

/* Team photos with warm border */
.team-member__photo {
  border: 4px solid #FDF9F3;
  box-shadow: 0 4px 16px rgba(35,144,164,0.1);
}

/* Value badges as pills */
.value-badge {
  border-radius: 50px;
  padding: 10px 24px;
}

/* Bank cards with warm left border */
.bank-card {
  border-radius: var(--border-radius);
  border-left: 4px solid var(--color-primary);
}

/* Impact tiers with warm hover */
.impact-tier {
  border-radius: var(--border-radius);
  border: 2px solid rgba(35,144,164,0.12);
}

.impact-tier:hover {
  border-color: var(--color-primary);
  background: rgba(35,144,164,0.02);
}

/* Forms with warm focus */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 4px rgba(35,144,164,0.08);
}

/* Footer with slightly warm tone */
.site-footer {
  background: #2A2D30;
}

/* Stat numbers with subtle text shadow */
.stat__number {
  text-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Smooth nav submenu */
.nav__submenu {
  border-radius: var(--border-radius);
  border: 1px solid rgba(0,0,0,0.04);
}

/* Page hero with warm tint */
.page-hero {
  background: var(--section-alt-bg);
}

/* Project hero with warmer overlay */
.project-hero__bg::after {
  background: linear-gradient(180deg, rgba(35,35,35,0.6) 0%, rgba(35,144,164,0.75) 100%);
}

/* Contact info cards */
.contact-info-card {
  border-radius: var(--border-radius);
}

/* Scrollbar styling (webkit) */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #FDF9F3;
}
::-webkit-scrollbar-thumb {
  background: rgba(35,144,164,0.3);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(35,144,164,0.5);
}