/* theme-lime.css  — drop-in override for the Lime palette (Tailwind/Shadcn-like scale)
   Użycie: <link rel="stylesheet" href="style.css">
           <link rel="stylesheet" href="theme-lime.css">  */

/* Skala Lime w HSL */
:root{
  --lime-50:  hsl(78.3 92% 95.1%);
  --lime-100: hsl(79.6 89.1% 89.2%);
  --lime-200: hsl(80.9 88.5% 79.6%);
  --lime-300: hsl(82   84.5% 67.1%);
  --lime-400: hsl(82.7 78%   55.5%);
  --lime-500: hsl(83.7 80.5% 44.3%);
  --lime-600: hsl(84.8 85.2% 34.5%);
  --lime-700: hsl(85.9 78.4% 27.3%);
  --lime-800: hsl(86.3 69%   22.7%);
  --lime-900: hsl(87.6 61.2% 20.2%);

  /* Mapowanie brandu na Lime */
  --brand: var(--lime-600);
  --brand-strong: var(--lime-700);
  --brand-soft: var(--lime-400);
}

/* Akcenty globalne */
.contact-info a{ color: var(--brand) !important; }
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active{ color: var(--brand) !important; border-bottom-color: var(--brand) !important; }

/* Przyciski */
.btn-brand{ background: var(--brand) !important; color:#fff !important; border-color: transparent !important; }
.btn-brand:hover{ background: var(--brand-strong) !important; }

.btn-outline-brand{ border-color: var(--brand) !important; color: var(--brand) !important; }
.btn-outline-brand:hover{ background: var(--brand) !important; color:#fff !important; }

/* Pas z falami */
.waves {
  background-image: 
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='%23a3e635' fill-opacity='0.08'%3E%3Cpath d='M0 0h80v80H0z'/%3E%3Cpath d='M28 28.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm24 0a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-12 24a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-12-12a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm24 0a2.5 2.5 0 100-5 2.5 2.5 0 000 5z'/%3E%3C/g%3E%3C/svg%3E"), 
    linear-gradient(180deg, var(--lime-100), var(--lime-200)) !important;
  background-color: var(--lime-100);
}
.waves .waves-bg path{ fill: var(--lime-500) !important; }

/* Focus ring dla dostępności */
:focus-visible{ outline: 3px solid color-mix(in hsl, var(--brand) 70%, white) !important; outline-offset: 2px; }
/* ============================================== */
/* === Poprawka Tekstu na Pasie z Falami === */
/* ============================================== */

.waves h3 {
  color: var(--lime-800); /* Użycie bardzo ciemnej zieleni z Twojej palety */
  font-weight: 600; /* Delikatne pogrubienie dla lepszej czytelności */
  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.15); /* Subtelny, jasny cień */
}