/* ==== PRZEJĘCIE KONTROLI NAD ZMIENNYMI MOTYWU I NADANIE MIODOWYCH BARW ==== */

html:root {
  /* Kolory tła */
  --bgcolor1: #FFFFFF;              /* Główne tło, np. dla sekcji - zostawiamy biały dla czytelności */
  --bgcolor2: #FFF8E1;              /* Główne tło strony (jasny, kremowy miód) */
  --bgcolor3: #FFFFFF;              /* Trzecie tło, również bezpiecznie zostawić białe */
  --bgcontent: #FFFFFF;             /* Tło bloków z treścią */
  --bgaside: #FFF8E1;               /* Tło elementów bocznych */
  --bgwidget: #faeecb;              /* Tło dla widgetów */

  /* Główne kolory marki - MIODOWE */
  --maincolor1: #FFB627;              /* Główny, intensywny kolor miodu */
  --maincolor1_rgba: 255, 182, 39;   /* Wersja RGB tego samego koloru */
  --maincolor2: #B07402;              /* Ciemny miód / bursztyn (dla hover, linków) */

  /* Kolory wspierające i akcenty */
  --supportcolor1: #FFB627;          /* Kolor pomocniczy - też ustawiamy jako główny miodowy */
  --supportcolor2: #f5e2b0;          /* Jasny miód dla nieaktywnych elementów */
  
  /* Kolory tekstu */
  --txtcolor1: #6B4F2E;               /* Główny kolor tekstu (ciemny brąz) */
  --txtcolor2: #6B4F2E;               /* Drugi kolor tekstu (też ciemny brąz) */

  /* Kolory przycisków */
  --btn_large: #FFB627;               /* Tło dużego przycisku */
  --btn_medium: #FFB627;              /* Tło średniego przycisku */
  --btn_small: #6B4F2E;               /* Tło małego przycisku (ciemny brąz) */
  --btn_large_hover: #B07402;         /* Hover dla przycisków */
  --btn_medium_hover: #B07402;        /* Hover dla przycisków */
  --btn_small_hover: #B07402;         /* Hover dla przycisków */
  
  /* Inne */
  --bordercolor: #EAE0C8;            /* Kolor obramowań */
  --widget_icons: #B07402;            /* Kolory ikon w widgetach (ciemny miód dla kontrastu) */
  --icons1: #B07402;                 /* Inne ikony */
  --hovercolor1: #FFFFFF;             /* Zostawiamy jak było - zazwyczaj tekst na przycisku po najechaniu */
  --hovercolor2: #FFFFFF;
}