:root {
  /* ============================================
     DIAVITA BRAND COLORS (Official Palette)
     ============================================ */

  /* Brand / Primary */
  /* Główne przyciski CTA: "Kup teraz", "Przejdź do realizacji" */
  /* Strzałki CTA na kartach produktów */
  /* Badge koszyka */
  --color-primary: #1F5779;
  
  /* Stany hover dla przycisków primary */
  /* Przyciski drugorzędne */
  /* Linki w nawigacji i treści */
  --color-primary-hover: #2A74A3;
  
  /* Przyciski usuwania w koszyku */
  /* Stany active */
  /* Ceny promocyjne */
  /* Komunikaty błędów */
  --color-primary-active: #E45A1A;
  
  /* Gwiazdki w ocenach (wypełnione) */
  --color-secondary: #F4D03F;

  /* Accents */
  /* Przycisk newsletter */
  /* Akcenty tekstowe w hero */
  /* Elementy dekoracyjne */
  --color-accent-warm: #ECD106;
  --color-accent-warm-bg: #FEFCE8;
  
  /* Badge koszyka (alternatywny) */
  /* Ceny promocyjne */
  /* Status "Chwilowo niedostępny" */
  /* Komunikaty błędów */
  --color-accent-danger: #E45A1A;
  
  /* Status "Dostępny w magazynie" */
  /* Komunikaty sukcesu */
  /* Rabaty */
  --color-accent-success: #2288B0;

  /* Text */
  /* Główny kolor tekstu: nagłówki, treść */
  /* Nazwy produktów */
  /* Ceny */
  /* Linki w nawigacji */
  --color-text: #313131;
  
  /* Tekst drugorzędny: opisy produktów */
  /* Breadcrumbs */
  /* Kontrolki ilości w koszyku */
  /* Etykiety w formularzach */
  --color-text-muted: #949391;
  
  /* Linki: "Wszystkie", "Wszystkie produkty" */
  /* Kwoty rabatów */
  /* Status "Dostępny na zamówienie" */
  /* Linki w kartach bloga/przepisów */
  --color-text-link: #2A74A3;
  
  /* Tekst w footerze (niebieskoszary) */
  --color-text-footer: #B8CFDD;

  /* Backgrounds */
  /* Tło główne strony */
  /* Bardzo jasny niebieski */
  --color-bg-page: #F3FCFF;
  
  /* Tła sekcji */
  /* Jasny niebieski (pale blue) */
  --color-bg-soft: #E1F2F9;
  
  /* Tła sekcji (żółte) */
  /* Jasny żółty */
  --color-bg-yellow: #FEF8CE;
  
  /* Tła beżowe */
  --color-bg-beige: #F3EFEC;
  
  /* Off-white (karty produktów) */
  --color-bg-offwhite: #FBFBF9;
  
  /* Tło footer */
  /* Gradient sekcji newsletter */
  /* Ciemne tła */
  --color-bg-dark: #1F5779;

  /* Tło footer i newsletter */
  --color-bg-footer: #85C8E8;

  /* Borders */
  /* Wszystkie obramowania: karty, inputy, separatory */
  /* Obramowania obrazów produktów */
  /* Obramowania elementów koszyka */
  /* Linie podziału w sekcjach */
  --color-border: #E1F2F9;
  
  /* Obramowania kart produktów */
  --color-border-card: #E7F1F6;

  /* Special */
  /* Kolor logo "nusvita" w headerze */
  /* Nazwa marki w footerze */
  --color-logo: #1F5779;
  
  /* Żółty gradient (endpoint dla przycisków) */
  --color-accent-yellow-gradient: #F2E481;
}