/* ============================================
   PoWarzywa — system kolorów (zmienne CSS)
   Zero zmian wizualnych, tylko porządek.
   ============================================ */

:root {

  /* ====== ZIELENIE — kolory brandowe ====== */
  --primary: #2E7D32;          /* główny zielony */
  --primary-dark: #1B5E20;     /* mocny, ciemny zielony */
  --primary-hover: #388E3C;    /* hover zielony */
  --primary-light: #4CAF50;    /* success border, akcenty */
  --primary-link: #1F5C24;     /* kolor linków */  

  /* ====== POMARAŃCZE — CTA, akcje ====== */
  --accent: #F57C00;           /* główny pomarańczowy btn */
  --accent-hover: #E65100;     /* hover pomarańcz */

  /* ====== CZERWIENIE — błędy & CTA rolnika ====== */
  --error: #C62828;            /* tekst błędu */
  --error-light: #FFEBEE;      /* tło błędu */
  --error-border: #E53935;     /* border błędu */

  --cta-red: #F44336;          /* czerwony pasek CTA */
  --cta-red-hover: #D32F2F;    /* hover CTA */

  /* ====== SZAROŚCI ====== */
  --gray-100: #e0e0e0;         /* light gray */
  --gray-200: #d6d6d6;         /* hover gray */
  --gray-300: #ccc;            /* borders */
  --text-dark: #333;           /* ciemny tekst */
  --text-mid: #444;            /* średni tekst */
  --text-light: #666;          /* jasny tekst */
  --text-muted: #777;          /* bardzo łagodny tekst */

  /* ====== TŁA ====== */
  --bg-main: #E9F7E9;          /* główne delikatnie zielone tło */
  --bg-header: #F8FFF6;        /* tło headera */
  --bg-white: #FFFFFF;         /* białe elementy */

  /* ====== CIENIE / PRZEZROCZYSTOŚCI ====== */
  --shadow-1: rgba(0, 0, 0, 0.08);
  --shadow-2: rgba(0, 0, 0, 0.10);
  --shadow-3: rgba(0, 0, 0, 0.15);
  --shadow-4: rgba(0, 0, 0, 0.25);

}