@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@700&display=swap');

:root {
  --bg-cream: #f9f5eb;
  --light-green: #e8f5ee;     
  --yellow-card: #fef9c3;
  --accent-green: #10b981;
  --dark-green: #052e16;
  --shadow-green: rgba(16, 185, 129, 0.25);
}

/* === GŁÓWNE TŁO KREMOWE === */
body {
  background: var(--bg-cream);
}

/* === PASKI – BARDZO JASNE ZIELONE === */
nav, 
.bg-white.py-8, 
section:not(.hero-bg) {
  background: var(--light-green);
}

/* === HERO – JAŚNIEJSZE ZIELONE TŁO (to o co Ci chodziło) === */
.hero-bg { 
  background: linear-gradient(135deg, #134E39 0%, #2A9B6F 100%); 
}

/* === KAFELKI – ŻÓŁTE + ZIELONE CIENIE === */
.card-hover {
  background: var(--yellow-card) !important;
  border: 1px solid #fde047;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 10px 25px -5px var(--shadow-green);
}

.card-hover:hover {
  transform: translateY(-12px) scale(1.04);
  box-shadow: 0 25px 50px -12px var(--shadow-green);
}

/* Kolory tekstu i akcentów */
.accent { color: var(--accent-green); }
.dark-green { color: var(--dark-green); }

.tail-container * { 
  font-family: 'Inter', system_ui, sans-serif; 
}
.heading-font { 
  font-family: 'Playfair Display', sans-serif; 
}

/* Animacje */
@keyframes float { 
  0%,100%{transform:translateY(0)} 
  50%{transform:translateY(-20px)} 
}
.owl-float { 
  animation: float 3.5s ease-in-out infinite; 
}

@keyframes pulse { 
  0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,0.4)} 
  70%{box-shadow:0 0 0 25px rgba(16,185,129,0)} 
}
.cta-pulse { 
  animation: pulse 2s infinite; 
}

.counter { 
  font-variant-numeric: tabular-nums; 
}

/* Dodatkowe poprawki */
.bg-gray-50 {
  background: #f1ede4 !important;
}

section.py-20.bg-gray-50 {
  background: var(--light-green) !important;
}

footer {
  background: #052e16 !important;
}
/* Techniczna, wyraźna czcionka dla nagłówków */
.tech-heading {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: -1.5px;
}