/*===================================================================
  THEMES MASTER — 39 MOTYWÓW KOLORYSTYCZNYCH
  Proste Zamówienia — PLIK PRYWATNY (nie wgrywać na serwer klienta!)
  
  Użycie: skopiuj wybrany blok zmiennych do :root w landing-style.css
  + zmień Google Fonts URL w functions.php na odpowiednie fonty
===================================================================*/


/* ═══════════════════════════════════════════════════════════════════
   POLSKIE OBIADY / DANIE DNIA — JASNE
   ═══════════════════════════════════════════════════════════════════ */


/* --- GARNEK — domowe obiady, rosół, ciepło babci --- */
/* Fonty: Vollkorn + Source Sans 3 */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;700&family=Source+Sans+3:wght@400;700&display=swap */
:root.theme-garnek,
body.theme-garnek {
    --gold-crayola: #E65100;
    --quick-silver: #795548;
    --davys-grey: #5D4037;
    --smoky-black-1: #FFFBF5;
    --smoky-black-2: #FFF5E8;
    --smoky-black-3: #FFF0DD;
    --eerie-black-1: #FFFBF5;
    --eerie-black-2: #FFF8F0;
    --eerie-black-3: #FFF5E8;
    --eerie-black-4: #FFF0DD;
    --white: #3E2723;
    --white-alpha-20: rgba(62, 39, 35, 0.2);
    --white-alpha-10: rgba(62, 39, 35, 0.1);
    --black: #FFFBF5;
    --black-alpha-80: rgba(255, 251, 245, 0.8);
    --black-alpha-15: rgba(255, 251, 245, 0.15);
    --header-bg-active: #FFF8F0;
    --glow-color: rgba(230, 81, 0, 0.35);
    --gold-crayola-alpha: rgba(230, 81, 0, 0.06);
    --body-bg: #FFFBF5;
    --preload-bg: #FFFBF5;
    --navbar-bg: #FFFBF5;
    --spinner-border: #D7CCC8;
    --rating-number-color: #3E2723;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Vollkorn', serif;
    --fontFamily-dm_sans: 'Source Sans 3', sans-serif;
}


/* --- STOŁOWA — tradycyjna polska, obrus w kratę --- */
/* Fonty: Lora + Lato */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Lato:wght@400;700&display=swap */
:root.theme-stolowa,
body.theme-stolowa {
    --gold-crayola: #558B2F;
    --quick-silver: #8D6E63;
    --davys-grey: #4E342E;
    --smoky-black-1: #FAF6F0;
    --smoky-black-2: #F0E8DA;
    --smoky-black-3: #E8DDCC;
    --eerie-black-1: #FAF6F0;
    --eerie-black-2: #F5EFE4;
    --eerie-black-3: #F0E8DA;
    --eerie-black-4: #E8DDCC;
    --white: #3E2723;
    --white-alpha-20: rgba(62, 39, 35, 0.2);
    --white-alpha-10: rgba(62, 39, 35, 0.1);
    --black: #FAF6F0;
    --black-alpha-80: rgba(250, 246, 240, 0.8);
    --black-alpha-15: rgba(250, 246, 240, 0.15);
    --header-bg-active: #F5EFE4;
    --glow-color: rgba(85, 139, 47, 0.35);
    --gold-crayola-alpha: rgba(85, 139, 47, 0.06);
    --body-bg: #FAF6F0;
    --preload-bg: #FAF6F0;
    --navbar-bg: #FAF6F0;
    --spinner-border: #BCAAA4;
    --rating-number-color: #3E2723;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Lora', serif;
    --fontFamily-dm_sans: 'Lato', sans-serif;
}


/* --- PORCJA — duże porcje, sycąco, schabowy z frytkami --- */
/* Fonty: Rubik + Open Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&family=Open+Sans:wght@400;700&display=swap */
:root.theme-porcja,
body.theme-porcja {
    --gold-crayola: #D84315;
    --quick-silver: #8D6E63;
    --davys-grey: #4E342E;
    --smoky-black-1: #FFF8F0;
    --smoky-black-2: #FFE8CC;
    --smoky-black-3: #FFDDB8;
    --eerie-black-1: #FFF8F0;
    --eerie-black-2: #FFF0E0;
    --eerie-black-3: #FFE8CC;
    --eerie-black-4: #FFDDB8;
    --white: #3E2723;
    --white-alpha-20: rgba(62, 39, 35, 0.2);
    --white-alpha-10: rgba(62, 39, 35, 0.1);
    --black: #FFF8F0;
    --black-alpha-80: rgba(255, 248, 240, 0.8);
    --black-alpha-15: rgba(255, 248, 240, 0.15);
    --header-bg-active: #FFF0E0;
    --glow-color: rgba(216, 67, 21, 0.35);
    --gold-crayola-alpha: rgba(216, 67, 21, 0.06);
    --body-bg: #FFF8F0;
    --preload-bg: #FFF8F0;
    --navbar-bg: #FFF8F0;
    --spinner-border: #D7CCC8;
    --rating-number-color: #3E2723;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Rubik', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
}


/* --- ZIELONY TALERZ — fit, sałatki, zupy krem --- */
/* Fonty: Poppins + DM Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=DM+Sans:wght@400;700&display=swap */
:root.theme-zielony-talerz,
body.theme-zielony-talerz {
    --gold-crayola: #2E7D32;
    --quick-silver: #689F38;
    --davys-grey: #1B5E20;
    --smoky-black-1: #F5F9F2;
    --smoky-black-2: #EAF2E3;
    --smoky-black-3: #DCE8D2;
    --eerie-black-1: #F5F9F2;
    --eerie-black-2: #F0F5EA;
    --eerie-black-3: #EAF2E3;
    --eerie-black-4: #DCE8D2;
    --white: #212121;
    --white-alpha-20: rgba(33, 33, 33, 0.2);
    --white-alpha-10: rgba(33, 33, 33, 0.1);
    --black: #F5F9F2;
    --black-alpha-80: rgba(245, 249, 242, 0.8);
    --black-alpha-15: rgba(245, 249, 242, 0.15);
    --header-bg-active: #F0F5EA;
    --glow-color: rgba(46, 125, 50, 0.3);
    --gold-crayola-alpha: rgba(46, 125, 50, 0.06);
    --body-bg: #F5F9F2;
    --preload-bg: #F5F9F2;
    --navbar-bg: #F5F9F2;
    --spinner-border: #A5D6A7;
    --rating-number-color: #1B5E20;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Poppins', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
}


/* --- KLIK — app-style delivery, 3 kliknięcia --- */
/* Fonty: Inter + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap */
:root.theme-klik,
body.theme-klik {
    --gold-crayola: #00C853;
    --quick-silver: #9E9E9E;
    --davys-grey: #424242;
    --smoky-black-1: #FAFAFA;
    --smoky-black-2: #F5F5F5;
    --smoky-black-3: #EEEEEE;
    --eerie-black-1: #FAFAFA;
    --eerie-black-2: #F5F5F5;
    --eerie-black-3: #F0F0F0;
    --eerie-black-4: #EEEEEE;
    --white: #212121;
    --white-alpha-20: rgba(33, 33, 33, 0.2);
    --white-alpha-10: rgba(33, 33, 33, 0.1);
    --black: #FAFAFA;
    --black-alpha-80: rgba(250, 250, 250, 0.8);
    --black-alpha-15: rgba(250, 250, 250, 0.15);
    --header-bg-active: #F5F5F5;
    --glow-color: rgba(0, 200, 83, 0.3);
    --gold-crayola-alpha: rgba(0, 200, 83, 0.06);
    --body-bg: #FAFAFA;
    --preload-bg: #FAFAFA;
    --navbar-bg: #FFFFFF;
    --spinner-border: #E0E0E0;
    --rating-number-color: #212121;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Inter', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- NA WYNOS — biały + czerwony + pomarańcz CTA (Pyszne.pl/Glovo) --- */
/* Fonty: Manrope + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Inter:wght@400;700&display=swap */
:root.theme-na-wynos,
body.theme-na-wynos {
    --gold-crayola: #C62828;
    --quick-silver: #757575;
    --davys-grey: #424242;
    --smoky-black-1: #FFFFFF;
    --smoky-black-2: #F5F5F5;
    --smoky-black-3: #EEEEEE;
    --eerie-black-1: #FFFFFF;
    --eerie-black-2: #FAFAFA;
    --eerie-black-3: #F5F5F5;
    --eerie-black-4: #EEEEEE;
    --white: #212121;
    --white-alpha-20: rgba(33, 33, 33, 0.2);
    --white-alpha-10: rgba(33, 33, 33, 0.1);
    --black: #FFFFFF;
    --black-alpha-80: rgba(255, 255, 255, 0.8);
    --black-alpha-15: rgba(255, 255, 255, 0.15);
    --header-bg-active: #FAFAFA;
    --glow-color: rgba(198, 40, 40, 0.3);
    --gold-crayola-alpha: rgba(198, 40, 40, 0.06);
    --body-bg: #FFFFFF;
    --preload-bg: #FFFFFF;
    --navbar-bg: #FFFFFF;
    --spinner-border: #E0E0E0;
    --rating-number-color: #212121;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Manrope', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- MENU BOX — catering dietetyczny, B2B, profesjonalny --- */
/* Fonty: Manrope + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&family=Inter:wght@400;700&display=swap */
:root.theme-menu-box,
body.theme-menu-box {
    --gold-crayola: #37474F;
    --quick-silver: #78909C;
    --davys-grey: #263238;
    --smoky-black-1: #FAFAFA;
    --smoky-black-2: #F0F0F0;
    --smoky-black-3: #E8E8E8;
    --eerie-black-1: #FAFAFA;
    --eerie-black-2: #F5F5F5;
    --eerie-black-3: #F0F0F0;
    --eerie-black-4: #E8E8E8;
    --white: #212121;
    --white-alpha-20: rgba(33, 33, 33, 0.2);
    --white-alpha-10: rgba(33, 33, 33, 0.1);
    --black: #FAFAFA;
    --black-alpha-80: rgba(250, 250, 250, 0.8);
    --black-alpha-15: rgba(250, 250, 250, 0.15);
    --header-bg-active: #F5F5F5;
    --glow-color: rgba(55, 71, 79, 0.25);
    --gold-crayola-alpha: rgba(55, 71, 79, 0.06);
    --body-bg: #FAFAFA;
    --preload-bg: #FAFAFA;
    --navbar-bg: #FFFFFF;
    --spinner-border: #B0BEC5;
    --rating-number-color: #212121;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Manrope', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- OSCYPEK — góralski Podhale, kwaśnica, parzenica --- */
/* Fonty: Vollkorn + Lato */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;700&family=Lato:wght@400;700&display=swap */
:root.theme-oscypek,
body.theme-oscypek {
    --gold-crayola: #C62828;
    --quick-silver: #795548;
    --davys-grey: #5D4037;
    --smoky-black-1: #F2F0EC;
    --smoky-black-2: #E6E2DA;
    --smoky-black-3: #DDD8CE;
    --eerie-black-1: #F2F0EC;
    --eerie-black-2: #ECE8E2;
    --eerie-black-3: #E6E2DA;
    --eerie-black-4: #DDD8CE;
    --white: #3E2723;
    --white-alpha-20: rgba(62, 39, 35, 0.2);
    --white-alpha-10: rgba(62, 39, 35, 0.1);
    --black: #F2F0EC;
    --black-alpha-80: rgba(242, 240, 236, 0.8);
    --black-alpha-15: rgba(242, 240, 236, 0.15);
    --header-bg-active: #ECE8E2;
    --glow-color: rgba(198, 40, 40, 0.3);
    --gold-crayola-alpha: rgba(198, 40, 40, 0.06);
    --body-bg: #F2F0EC;
    --preload-bg: #F2F0EC;
    --navbar-bg: #F2F0EC;
    --spinner-border: #BCAAA4;
    --rating-number-color: #3E2723;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Vollkorn', serif;
    --fontFamily-dm_sans: 'Lato', sans-serif;
}


/* --- PRZEPIS — babciny zeszyt, pergamin, atrament --- */
/* Fonty: Caveat + EB Garamond */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=EB+Garamond:wght@400;700&display=swap */
:root.theme-przepis,
body.theme-przepis {
    --gold-crayola: #AD1457;
    --quick-silver: #8D6E63;
    --davys-grey: #4E342E;
    --smoky-black-1: #F0E4D0;
    --smoky-black-2: #E8D8BE;
    --smoky-black-3: #DDCDB0;
    --eerie-black-1: #F0E4D0;
    --eerie-black-2: #ECE0C8;
    --eerie-black-3: #E8D8BE;
    --eerie-black-4: #DDCDB0;
    --white: #4E342E;
    --white-alpha-20: rgba(78, 52, 46, 0.2);
    --white-alpha-10: rgba(78, 52, 46, 0.1);
    --black: #F0E4D0;
    --black-alpha-80: rgba(240, 228, 208, 0.8);
    --black-alpha-15: rgba(240, 228, 208, 0.15);
    --header-bg-active: #ECE0C8;
    --glow-color: rgba(173, 20, 87, 0.3);
    --gold-crayola-alpha: rgba(173, 20, 87, 0.06);
    --body-bg: #F0E4D0;
    --preload-bg: #F0E4D0;
    --navbar-bg: #F5F0E8;
    --spinner-border: #BCAAA4;
    --rating-number-color: #4E342E;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Caveat', cursive;
    --fontFamily-dm_sans: 'EB Garamond', serif;
}


/* --- PAKOWANY — papier kraft, eko, na wynos --- */
/* Fonty: Libre Baskerville + Source Sans 3 */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&family=Source+Sans+3:wght@400;700&display=swap */
:root.theme-pakowany,
body.theme-pakowany {
    --gold-crayola: #BF360C;
    --quick-silver: #8D6E63;
    --davys-grey: #5D4037;
    --smoky-black-1: #E8DCC8;
    --smoky-black-2: #D4C4A8;
    --smoky-black-3: #C8B898;
    --eerie-black-1: #E8DCC8;
    --eerie-black-2: #E0D4B8;
    --eerie-black-3: #D4C4A8;
    --eerie-black-4: #C8B898;
    --white: #3E2723;
    --white-alpha-20: rgba(62, 39, 35, 0.2);
    --white-alpha-10: rgba(62, 39, 35, 0.1);
    --black: #FFF8E1;
    --black-alpha-80: rgba(255, 248, 225, 0.8);
    --black-alpha-15: rgba(255, 248, 225, 0.15);
    --header-bg-active: #E0D4B8;
    --glow-color: rgba(191, 54, 12, 0.3);
    --gold-crayola-alpha: rgba(191, 54, 12, 0.06);
    --body-bg: #E8DCC8;
    --preload-bg: #E8DCC8;
    --navbar-bg: #F5EDD8;
    --spinner-border: #A1887F;
    --rating-number-color: #3E2723;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Libre Baskerville', serif;
    --fontFamily-dm_sans: 'Source Sans 3', sans-serif;
}


/* --- KREDKA — tablica kredowa, menu pisane kredą --- */
/* Fonty: Caveat + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Inter:wght@400;700&display=swap */
:root.theme-kredka,
body.theme-kredka {
    --gold-crayola: #FFCC80;
    --quick-silver: #A5D6A7;
    --davys-grey: #F5E6C8;
    --smoky-black-1: #2D4233;
    --smoky-black-2: #3A5542;
    --smoky-black-3: #456650;
    --eerie-black-1: #2D4233;
    --eerie-black-2: #344D3C;
    --eerie-black-3: #3A5542;
    --eerie-black-4: #456650;
    --white: #F5E6C8;
    --white-alpha-20: rgba(245, 230, 200, 0.2);
    --white-alpha-10: rgba(245, 230, 200, 0.1);
    --black: #2D4233;
    --black-alpha-80: rgba(45, 66, 51, 0.8);
    --black-alpha-15: rgba(45, 66, 51, 0.15);
    --header-bg-active: #344D3C;
    --glow-color: rgba(255, 204, 128, 0.3);
    --gold-crayola-alpha: rgba(255, 204, 128, 0.06);
    --body-bg: #2D4233;
    --preload-bg: #2D4233;
    --navbar-bg: #3A5542;
    --spinner-border: #558B2F;
    --rating-number-color: #F5E6C8;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Caveat', cursive;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- BAZAR / STRAGAN — świeże z targu, lokalne --- */
/* Fonty: Fira Sans + Open Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Open+Sans:wght@400;700&display=swap */
:root.theme-bazar,
body.theme-bazar {
    --gold-crayola: #689F38;
    --quick-silver: #8BC34A;
    --davys-grey: #33691E;
    --smoky-black-1: #F5F8E8;
    --smoky-black-2: #EAF0D5;
    --smoky-black-3: #DDE6C4;
    --eerie-black-1: #F5F8E8;
    --eerie-black-2: #F0F4DE;
    --eerie-black-3: #EAF0D5;
    --eerie-black-4: #DDE6C4;
    --white: #3E2723;
    --white-alpha-20: rgba(62, 39, 35, 0.2);
    --white-alpha-10: rgba(62, 39, 35, 0.1);
    --black: #F5F8E8;
    --black-alpha-80: rgba(245, 248, 232, 0.8);
    --black-alpha-15: rgba(245, 248, 232, 0.15);
    --header-bg-active: #F0F4DE;
    --glow-color: rgba(104, 159, 56, 0.3);
    --gold-crayola-alpha: rgba(104, 159, 56, 0.06);
    --body-bg: #F5F8E8;
    --preload-bg: #F5F8E8;
    --navbar-bg: #F5F8E8;
    --spinner-border: #AED581;
    --rating-number-color: #33691E;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Fira Sans', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
}


/* ═══════════════════════════════════════════════════════════════════
   PIZZA — JASNE
   ═══════════════════════════════════════════════════════════════════ */


/* --- NAPOLETANA — włoska tradycyjna, pomidor + bazylia --- */
/* Fonty: Vollkorn + Source Sans 3 */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Vollkorn:wght@400;700&family=Source+Sans+3:wght@400;700&display=swap */
:root.theme-napoletana,
body.theme-napoletana {
    --gold-crayola: #BF360C;
    --quick-silver: #6D4C41;
    --davys-grey: #33691E;
    --smoky-black-1: #FFFBF0;
    --smoky-black-2: #FFF3DB;
    --smoky-black-3: #FFECC8;
    --eerie-black-1: #FFFBF0;
    --eerie-black-2: #FFF7E5;
    --eerie-black-3: #FFF3DB;
    --eerie-black-4: #FFECC8;
    --white: #3E2723;
    --white-alpha-20: rgba(62, 39, 35, 0.2);
    --white-alpha-10: rgba(62, 39, 35, 0.1);
    --black: #FFFBF0;
    --black-alpha-80: rgba(255, 251, 240, 0.8);
    --black-alpha-15: rgba(255, 251, 240, 0.15);
    --header-bg-active: #FFF7E5;
    --glow-color: rgba(191, 54, 12, 0.3);
    --gold-crayola-alpha: rgba(191, 54, 12, 0.06);
    --body-bg: #FFFBF0;
    --preload-bg: #FFFBF0;
    --navbar-bg: #FFFBF0;
    --spinner-border: #D7CCC8;
    --rating-number-color: #3E2723;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Vollkorn', serif;
    --fontFamily-dm_sans: 'Source Sans 3', sans-serif;
}


/* --- DA MARCO — pizza elegancka, granat + czerwony CTA --- */
/* Fonty: Playfair Display + Lato */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@400;700&display=swap */
:root.theme-da-marco,
body.theme-da-marco {
    --gold-crayola: #0D47A1;
    --quick-silver: #8D6E63;
    --davys-grey: #1A237E;
    --smoky-black-1: #F8F4EF;
    --smoky-black-2: #EDE4D8;
    --smoky-black-3: #E2D8C8;
    --eerie-black-1: #F8F4EF;
    --eerie-black-2: #F2ECE4;
    --eerie-black-3: #EDE4D8;
    --eerie-black-4: #E2D8C8;
    --white: #1A1A1A;
    --white-alpha-20: rgba(26, 26, 26, 0.2);
    --white-alpha-10: rgba(26, 26, 26, 0.1);
    --black: #F8F4EF;
    --black-alpha-80: rgba(248, 244, 239, 0.8);
    --black-alpha-15: rgba(248, 244, 239, 0.15);
    --header-bg-active: #F2ECE4;
    --glow-color: rgba(13, 71, 161, 0.3);
    --gold-crayola-alpha: rgba(13, 71, 161, 0.06);
    --body-bg: #F8F4EF;
    --preload-bg: #F8F4EF;
    --navbar-bg: #F8F4EF;
    --spinner-border: #BCAAA4;
    --rating-number-color: #1A237E;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Playfair Display', serif;
    --fontFamily-dm_sans: 'Lato', sans-serif;
}


/* ═══════════════════════════════════════════════════════════════════
   BURGERY — JASNE
   ═══════════════════════════════════════════════════════════════════ */


/* --- BUŁKA Z MASŁEM — Five Guys, biały + czerwony --- */
/* Fonty: Poppins + Open Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Open+Sans:wght@400;700&display=swap */
:root.theme-bulka-z-maslem,
body.theme-bulka-z-maslem {
    --gold-crayola: #D32F2F;
    --quick-silver: #757575;
    --davys-grey: #424242;
    --smoky-black-1: #FFFFFF;
    --smoky-black-2: #F5F5F5;
    --smoky-black-3: #EEEEEE;
    --eerie-black-1: #FFFFFF;
    --eerie-black-2: #FAFAFA;
    --eerie-black-3: #F5F5F5;
    --eerie-black-4: #EEEEEE;
    --white: #212121;
    --white-alpha-20: rgba(33, 33, 33, 0.2);
    --white-alpha-10: rgba(33, 33, 33, 0.1);
    --black: #FFFFFF;
    --black-alpha-80: rgba(255, 255, 255, 0.8);
    --black-alpha-15: rgba(255, 255, 255, 0.15);
    --header-bg-active: #FAFAFA;
    --glow-color: rgba(211, 47, 47, 0.3);
    --gold-crayola-alpha: rgba(211, 47, 47, 0.06);
    --body-bg: #FFFFFF;
    --preload-bg: #FFFFFF;
    --navbar-bg: #FFFFFF;
    --spinner-border: #E0E0E0;
    --rating-number-color: #212121;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Poppins', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
}


/* --- ZŁOTY BURGER — BK warm palette, kremowy + pomarańcz --- */
/* Fonty: Rubik + Nunito */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Rubik:wght@400;600;700&family=Nunito:wght@400;700&display=swap */
:root.theme-zloty-burger,
body.theme-zloty-burger {
    --gold-crayola: #E65100;
    --quick-silver: #8D6E63;
    --davys-grey: #4E342E;
    --smoky-black-1: #FFF8F0;
    --smoky-black-2: #FFE8CC;
    --smoky-black-3: #FFDDB8;
    --eerie-black-1: #FFF8F0;
    --eerie-black-2: #FFF0E0;
    --eerie-black-3: #FFE8CC;
    --eerie-black-4: #FFDDB8;
    --white: #4E342E;
    --white-alpha-20: rgba(78, 52, 46, 0.2);
    --white-alpha-10: rgba(78, 52, 46, 0.1);
    --black: #FFF8F0;
    --black-alpha-80: rgba(255, 248, 240, 0.8);
    --black-alpha-15: rgba(255, 248, 240, 0.15);
    --header-bg-active: #FFF0E0;
    --glow-color: rgba(230, 81, 0, 0.3);
    --gold-crayola-alpha: rgba(230, 81, 0, 0.06);
    --body-bg: #FFF8F0;
    --preload-bg: #FFF8F0;
    --navbar-bg: #FFF8F0;
    --spinner-border: #D7CCC8;
    --rating-number-color: #4E342E;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Rubik', sans-serif;
    --fontFamily-dm_sans: 'Nunito', sans-serif;
}


/* ═══════════════════════════════════════════════════════════════════
   CIEMNE MOTYWY — PREMIUM / PIZZA / BURGER / SPECJALNE
   ═══════════════════════════════════════════════════════════════════ */


/* --- CZERWONY PIEPRZ — McDonald's premium dark, red + yellow --- */
/* Fonty: Bebas Neue + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;700&display=swap */
:root.theme-czerwony-pieprz,
body.theme-czerwony-pieprz {
    --gold-crayola: #DA291C;
    --quick-silver: #B0B0B0;
    --davys-grey: #E0E0E0;
    --smoky-black-1: #0F0F0F;
    --smoky-black-2: #1A1A1A;
    --smoky-black-3: #222222;
    --eerie-black-1: #0F0F0F;
    --eerie-black-2: #151515;
    --eerie-black-3: #1A1A1A;
    --eerie-black-4: #222222;
    --white: #F5F5F5;
    --white-alpha-20: rgba(245, 245, 245, 0.2);
    --white-alpha-10: rgba(245, 245, 245, 0.1);
    --black: #0F0F0F;
    --black-alpha-80: rgba(15, 15, 15, 0.8);
    --black-alpha-15: rgba(15, 15, 15, 0.15);
    --header-bg-active: #151515;
    --glow-color: rgba(218, 41, 28, 0.4);
    --gold-crayola-alpha: rgba(218, 41, 28, 0.08);
    --body-bg: #0F0F0F;
    --preload-bg: #0F0F0F;
    --navbar-bg: #1A1A1A;
    --spinner-border: #444;
    --rating-number-color: #FFC300;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Bebas Neue', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- ZŁOTY TALERZ — czarny + czyste złoto, steakhouse --- */
/* Fonty: Playfair Display + Lato */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@400;700&display=swap */
:root.theme-zloty-talerz,
body.theme-zloty-talerz {
    --gold-crayola: #D4AF37;
    --quick-silver: #9E9E9E;
    --davys-grey: #E8D5B5;
    --smoky-black-1: #0A0A0A;
    --smoky-black-2: #141414;
    --smoky-black-3: #1C1C1C;
    --eerie-black-1: #0A0A0A;
    --eerie-black-2: #111111;
    --eerie-black-3: #141414;
    --eerie-black-4: #1C1C1C;
    --white: #E8D5B5;
    --white-alpha-20: rgba(232, 213, 181, 0.2);
    --white-alpha-10: rgba(232, 213, 181, 0.1);
    --black: #0A0A0A;
    --black-alpha-80: rgba(10, 10, 10, 0.8);
    --black-alpha-15: rgba(10, 10, 10, 0.15);
    --header-bg-active: #111111;
    --glow-color: rgba(212, 175, 55, 0.35);
    --gold-crayola-alpha: rgba(212, 175, 55, 0.08);
    --body-bg: #0A0A0A;
    --preload-bg: #0A0A0A;
    --navbar-bg: #141414;
    --spinner-border: #555;
    --rating-number-color: #D4AF37;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Playfair Display', serif;
    --fontFamily-dm_sans: 'Lato', sans-serif;
}


/* --- MIEDŹ — charcoal + copper, trend 2025 --- */
/* Fonty: Sora + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Inter:wght@400;700&display=swap */
:root.theme-miedz,
body.theme-miedz {
    --gold-crayola: #D4886B;
    --quick-silver: #A09890;
    --davys-grey: #F0EAE4;
    --smoky-black-1: #111111;
    --smoky-black-2: #1C1C1C;
    --smoky-black-3: #242424;
    --eerie-black-1: #111111;
    --eerie-black-2: #181818;
    --eerie-black-3: #1C1C1C;
    --eerie-black-4: #242424;
    --white: #F0EAE4;
    --white-alpha-20: rgba(240, 234, 228, 0.2);
    --white-alpha-10: rgba(240, 234, 228, 0.1);
    --black: #111111;
    --black-alpha-80: rgba(17, 17, 17, 0.8);
    --black-alpha-15: rgba(17, 17, 17, 0.15);
    --header-bg-active: #181818;
    --glow-color: rgba(212, 136, 107, 0.35);
    --gold-crayola-alpha: rgba(212, 136, 107, 0.08);
    --body-bg: #111111;
    --preload-bg: #111111;
    --navbar-bg: #1C1C1C;
    --spinner-border: #555;
    --rating-number-color: #D4886B;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Sora', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- MAGMA — pizza delivery dark, czarny+czerwony+żółty --- */
/* Fonty: Bebas Neue + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;700&display=swap */
:root.theme-magma,
body.theme-magma {
    --gold-crayola: #E31837;
    --quick-silver: #B0B0B0;
    --davys-grey: #F5F5F5;
    --smoky-black-1: #0C0C0C;
    --smoky-black-2: #1A1A1A;
    --smoky-black-3: #222222;
    --eerie-black-1: #0C0C0C;
    --eerie-black-2: #131313;
    --eerie-black-3: #1A1A1A;
    --eerie-black-4: #222222;
    --white: #F5F5F5;
    --white-alpha-20: rgba(245, 245, 245, 0.2);
    --white-alpha-10: rgba(245, 245, 245, 0.1);
    --black: #0C0C0C;
    --black-alpha-80: rgba(12, 12, 12, 0.8);
    --black-alpha-15: rgba(12, 12, 12, 0.15);
    --header-bg-active: #131313;
    --glow-color: rgba(227, 24, 55, 0.4);
    --gold-crayola-alpha: rgba(227, 24, 55, 0.08);
    --body-bg: #0C0C0C;
    --preload-bg: #0C0C0C;
    --navbar-bg: #1A1A1A;
    --spinner-border: #444;
    --rating-number-color: #FFC107;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Bebas Neue', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- PEPERONI — pizza minimal dark, tricolore --- */
/* Fonty: Outfit + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&family=Inter:wght@400;700&display=swap */
:root.theme-peperoni,
body.theme-peperoni {
    --gold-crayola: #F44336;
    --quick-silver: #9E9E9E;
    --davys-grey: #E0E0E0;
    --smoky-black-1: #111111;
    --smoky-black-2: #1C1C1C;
    --smoky-black-3: #242424;
    --eerie-black-1: #111111;
    --eerie-black-2: #181818;
    --eerie-black-3: #1C1C1C;
    --eerie-black-4: #242424;
    --white: #FFFFFF;
    --white-alpha-20: rgba(255, 255, 255, 0.2);
    --white-alpha-10: rgba(255, 255, 255, 0.1);
    --black: #111111;
    --black-alpha-80: rgba(17, 17, 17, 0.8);
    --black-alpha-15: rgba(17, 17, 17, 0.15);
    --header-bg-active: #181818;
    --glow-color: rgba(244, 67, 54, 0.35);
    --gold-crayola-alpha: rgba(244, 67, 54, 0.08);
    --body-bg: #111111;
    --preload-bg: #111111;
    --navbar-bg: #1C1C1C;
    --spinner-border: #4CAF50;
    --rating-number-color: #F44336;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Outfit', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- PIEC — pizza craft, spalony drewno + ogień --- */
/* Fonty: Sora + DM Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=DM+Sans:wght@400;700&display=swap */
:root.theme-piec,
body.theme-piec {
    --gold-crayola: #FF6F00;
    --quick-silver: #BCAAA4;
    --davys-grey: #FFF3E0;
    --smoky-black-1: #1A0A05;
    --smoky-black-2: #2A1508;
    --smoky-black-3: #351E0C;
    --eerie-black-1: #1A0A05;
    --eerie-black-2: #221008;
    --eerie-black-3: #2A1508;
    --eerie-black-4: #351E0C;
    --white: #FFF3E0;
    --white-alpha-20: rgba(255, 243, 224, 0.2);
    --white-alpha-10: rgba(255, 243, 224, 0.1);
    --black: #1A0A05;
    --black-alpha-80: rgba(26, 10, 5, 0.8);
    --black-alpha-15: rgba(26, 10, 5, 0.15);
    --header-bg-active: #221008;
    --glow-color: rgba(255, 111, 0, 0.4);
    --gold-crayola-alpha: rgba(255, 111, 0, 0.08);
    --body-bg: #1A0A05;
    --preload-bg: #1A0A05;
    --navbar-bg: #2A1508;
    --spinner-border: #6D4C41;
    --rating-number-color: #FFCC80;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Sora', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
}


/* --- FLAME — Burger King rebrand, brąz+amber+red --- */
/* Fonty: Barlow Condensed + Open Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700;800&family=Open+Sans:wght@400;700&display=swap */
:root.theme-flame,
body.theme-flame {
    --gold-crayola: #FF8F00;
    --quick-silver: #BCAAA4;
    --davys-grey: #FFF8E1;
    --smoky-black-1: #1A0E05;
    --smoky-black-2: #2C1A0A;
    --smoky-black-3: #38220E;
    --eerie-black-1: #1A0E05;
    --eerie-black-2: #231408;
    --eerie-black-3: #2C1A0A;
    --eerie-black-4: #38220E;
    --white: #FFF8E1;
    --white-alpha-20: rgba(255, 248, 225, 0.2);
    --white-alpha-10: rgba(255, 248, 225, 0.1);
    --black: #1A0E05;
    --black-alpha-80: rgba(26, 14, 5, 0.8);
    --black-alpha-15: rgba(26, 14, 5, 0.15);
    --header-bg-active: #231408;
    --glow-color: rgba(255, 143, 0, 0.4);
    --gold-crayola-alpha: rgba(255, 143, 0, 0.08);
    --body-bg: #1A0E05;
    --preload-bg: #1A0E05;
    --navbar-bg: #2C1A0A;
    --spinner-border: #6D4C41;
    --rating-number-color: #FF8F00;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Barlow Condensed', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
}


/* --- ZIELONY GRILL — Shake Shack, forest green premium --- */
/* Fonty: Bricolage Grotesque + DM Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;600;700&family=DM+Sans:wght@400;700&display=swap */
:root.theme-zielony-grill,
body.theme-zielony-grill {
    --gold-crayola: #2E7D32;
    --quick-silver: #81C784;
    --davys-grey: #F3F4EF;
    --smoky-black-1: #0A1A0F;
    --smoky-black-2: #142A1A;
    --smoky-black-3: #1C3522;
    --eerie-black-1: #0A1A0F;
    --eerie-black-2: #0F2214;
    --eerie-black-3: #142A1A;
    --eerie-black-4: #1C3522;
    --white: #F3F4EF;
    --white-alpha-20: rgba(243, 244, 239, 0.2);
    --white-alpha-10: rgba(243, 244, 239, 0.1);
    --black: #0A1A0F;
    --black-alpha-80: rgba(10, 26, 15, 0.8);
    --black-alpha-15: rgba(10, 26, 15, 0.15);
    --header-bg-active: #0F2214;
    --glow-color: rgba(46, 125, 50, 0.4);
    --gold-crayola-alpha: rgba(46, 125, 50, 0.08);
    --body-bg: #0A1A0F;
    --preload-bg: #0A1A0F;
    --navbar-bg: #142A1A;
    --spinner-border: #2E7D32;
    --rating-number-color: #FFCA28;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Bricolage Grotesque', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
}


/* --- GRUBY — McDonald's dark, czarny+żółty+czerwony --- */
/* Fonty: Montserrat + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Inter:wght@400;700&display=swap */
:root.theme-gruby,
body.theme-gruby {
    --gold-crayola: #FFC107;
    --quick-silver: #B0B0B0;
    --davys-grey: #F5F5F5;
    --smoky-black-1: #0C0C0C;
    --smoky-black-2: #1A1A1A;
    --smoky-black-3: #222222;
    --eerie-black-1: #0C0C0C;
    --eerie-black-2: #131313;
    --eerie-black-3: #1A1A1A;
    --eerie-black-4: #222222;
    --white: #F5F5F5;
    --white-alpha-20: rgba(245, 245, 245, 0.2);
    --white-alpha-10: rgba(245, 245, 245, 0.1);
    --black: #0C0C0C;
    --black-alpha-80: rgba(12, 12, 12, 0.8);
    --black-alpha-15: rgba(12, 12, 12, 0.15);
    --header-bg-active: #131313;
    --glow-color: rgba(255, 193, 7, 0.35);
    --gold-crayola-alpha: rgba(255, 193, 7, 0.08);
    --body-bg: #0C0C0C;
    --preload-bg: #0C0C0C;
    --navbar-bg: #1A1A1A;
    --spinner-border: #555;
    --rating-number-color: #FFC107;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Montserrat', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- ZŁOTE SKRZYDŁA — chicken dark, KFC red + gold --- */
/* Fonty: Montserrat + DM Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=DM+Sans:wght@400;700&display=swap */
:root.theme-zlote-skrzydla,
body.theme-zlote-skrzydla {
    --gold-crayola: #F44336;
    --quick-silver: #B0B0B0;
    --davys-grey: #F5F5F5;
    --smoky-black-1: #100808;
    --smoky-black-2: #1A0E0E;
    --smoky-black-3: #221414;
    --eerie-black-1: #100808;
    --eerie-black-2: #150B0B;
    --eerie-black-3: #1A0E0E;
    --eerie-black-4: #221414;
    --white: #F5F5F5;
    --white-alpha-20: rgba(245, 245, 245, 0.2);
    --white-alpha-10: rgba(245, 245, 245, 0.1);
    --black: #100808;
    --black-alpha-80: rgba(16, 8, 8, 0.8);
    --black-alpha-15: rgba(16, 8, 8, 0.15);
    --header-bg-active: #150B0B;
    --glow-color: rgba(244, 67, 54, 0.4);
    --gold-crayola-alpha: rgba(244, 67, 54, 0.08);
    --body-bg: #100808;
    --preload-bg: #100808;
    --navbar-bg: #1A0E0E;
    --spinner-border: #555;
    --rating-number-color: #FFB300;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Montserrat', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
}


/* --- DYMEK — BBQ smokehouse, charcoal+amber+burnt --- */
/* Fonty: Oswald + Open Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Open+Sans:wght@400;700&display=swap */
:root.theme-dymek,
body.theme-dymek {
    --gold-crayola: #FF8F00;
    --quick-silver: #BCAAA4;
    --davys-grey: #EFEBE9;
    --smoky-black-1: #0D0806;
    --smoky-black-2: #1A120A;
    --smoky-black-3: #241A10;
    --eerie-black-1: #0D0806;
    --eerie-black-2: #140E08;
    --eerie-black-3: #1A120A;
    --eerie-black-4: #241A10;
    --white: #EFEBE9;
    --white-alpha-20: rgba(239, 235, 233, 0.2);
    --white-alpha-10: rgba(239, 235, 233, 0.1);
    --black: #0D0806;
    --black-alpha-80: rgba(13, 8, 6, 0.8);
    --black-alpha-15: rgba(13, 8, 6, 0.15);
    --header-bg-active: #140E08;
    --glow-color: rgba(255, 143, 0, 0.4);
    --gold-crayola-alpha: rgba(255, 143, 0, 0.08);
    --body-bg: #0D0806;
    --preload-bg: #0D0806;
    --navbar-bg: #1A120A;
    --spinner-border: #6D4C41;
    --rating-number-color: #FF8F00;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Oswald', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
}


/* --- SAKURA — sushi zen, czarny+czerwony+jade --- */
/* Fonty: Josefin Sans + Work Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;700&family=Work+Sans:wght@400;700&display=swap */
:root.theme-sakura,
body.theme-sakura {
    --gold-crayola: #E53935;
    --quick-silver: #90A4AE;
    --davys-grey: #F5F5F5;
    --smoky-black-1: #0A0A0A;
    --smoky-black-2: #151515;
    --smoky-black-3: #1E1E1E;
    --eerie-black-1: #0A0A0A;
    --eerie-black-2: #101010;
    --eerie-black-3: #151515;
    --eerie-black-4: #1E1E1E;
    --white: #F5F5F5;
    --white-alpha-20: rgba(245, 245, 245, 0.2);
    --white-alpha-10: rgba(245, 245, 245, 0.1);
    --black: #0A0A0A;
    --black-alpha-80: rgba(10, 10, 10, 0.8);
    --black-alpha-15: rgba(10, 10, 10, 0.15);
    --header-bg-active: #101010;
    --glow-color: rgba(229, 57, 53, 0.35);
    --gold-crayola-alpha: rgba(229, 57, 53, 0.08);
    --body-bg: #0A0A0A;
    --preload-bg: #0A0A0A;
    --navbar-bg: #151515;
    --spinner-border: #4A635D;
    --rating-number-color: #E53935;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Josefin Sans', sans-serif;
    --fontFamily-dm_sans: 'Work Sans', sans-serif;
}


/* ═══════════════════════════════════════════════════════════════════
   CIEMNE — SPECJALNE ESTETYKI
   ═══════════════════════════════════════════════════════════════════ */


/* --- HALA — food hall, industrial dark + neon orange --- */
/* Fonty: Space Grotesk + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Inter:wght@400;700&display=swap */
:root.theme-hala,
body.theme-hala {
    --gold-crayola: #FF6D00;
    --quick-silver: #B0BEC5;
    --davys-grey: #ECEFF1;
    --smoky-black-1: #111111;
    --smoky-black-2: #1C1C1C;
    --smoky-black-3: #242424;
    --eerie-black-1: #111111;
    --eerie-black-2: #181818;
    --eerie-black-3: #1C1C1C;
    --eerie-black-4: #242424;
    --white: #ECEFF1;
    --white-alpha-20: rgba(236, 239, 241, 0.2);
    --white-alpha-10: rgba(236, 239, 241, 0.1);
    --black: #111111;
    --black-alpha-80: rgba(17, 17, 17, 0.8);
    --black-alpha-15: rgba(17, 17, 17, 0.15);
    --header-bg-active: #181818;
    --glow-color: rgba(255, 109, 0, 0.4);
    --gold-crayola-alpha: rgba(255, 109, 0, 0.08);
    --body-bg: #111111;
    --preload-bg: #111111;
    --navbar-bg: #1C1C1C;
    --spinner-border: #555;
    --rating-number-color: #FF6D00;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Space Grotesk', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- REZYDENCJA — hotel 4-5★, onyx+złoto+silver --- */
/* Fonty: Playfair Display + Raleway */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Raleway:wght@400;700&display=swap */
:root.theme-rezydencja,
body.theme-rezydencja {
    --gold-crayola: #D4AF37;
    --quick-silver: #B0BEC5;
    --davys-grey: #ECEFF1;
    --smoky-black-1: #0D0D0D;
    --smoky-black-2: #1A1A1A;
    --smoky-black-3: #222222;
    --eerie-black-1: #0D0D0D;
    --eerie-black-2: #141414;
    --eerie-black-3: #1A1A1A;
    --eerie-black-4: #222222;
    --white: #ECEFF1;
    --white-alpha-20: rgba(236, 239, 241, 0.2);
    --white-alpha-10: rgba(236, 239, 241, 0.1);
    --black: #0D0D0D;
    --black-alpha-80: rgba(13, 13, 13, 0.8);
    --black-alpha-15: rgba(13, 13, 13, 0.15);
    --header-bg-active: #141414;
    --glow-color: rgba(212, 175, 55, 0.35);
    --gold-crayola-alpha: rgba(212, 175, 55, 0.08);
    --body-bg: #0D0D0D;
    --preload-bg: #0D0D0D;
    --navbar-bg: #1A1A1A;
    --spinner-border: #555;
    --rating-number-color: #D4AF37;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Playfair Display', serif;
    --fontFamily-dm_sans: 'Raleway', sans-serif;
}


/* --- LEPIK — pierogarnia dark, żółty+czerwony --- */
/* Fonty: Montserrat + DM Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;800&family=DM+Sans:wght@400;700&display=swap */
:root.theme-lepik,
body.theme-lepik {
    --gold-crayola: #FFC107;
    --quick-silver: #B0B0B0;
    --davys-grey: #F5F5F5;
    --smoky-black-1: #0A0A0A;
    --smoky-black-2: #151515;
    --smoky-black-3: #1E1E1E;
    --eerie-black-1: #0A0A0A;
    --eerie-black-2: #101010;
    --eerie-black-3: #151515;
    --eerie-black-4: #1E1E1E;
    --white: #F5F5F5;
    --white-alpha-20: rgba(245, 245, 245, 0.2);
    --white-alpha-10: rgba(245, 245, 245, 0.1);
    --black: #0A0A0A;
    --black-alpha-80: rgba(10, 10, 10, 0.8);
    --black-alpha-15: rgba(10, 10, 10, 0.15);
    --header-bg-active: #101010;
    --glow-color: rgba(255, 193, 7, 0.35);
    --gold-crayola-alpha: rgba(255, 193, 7, 0.08);
    --body-bg: #0A0A0A;
    --preload-bg: #0A0A0A;
    --navbar-bg: #151515;
    --spinner-border: #555;
    --rating-number-color: #FFC107;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Montserrat', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
}


/* --- BECZKOWA — pub/piwo craft, amber ale --- */
/* Fonty: Oswald + Open Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Open+Sans:wght@400;700&display=swap */
:root.theme-beczkowa,
body.theme-beczkowa {
    --gold-crayola: #FF8F00;
    --quick-silver: #BCAAA4;
    --davys-grey: #F5E6C8;
    --smoky-black-1: #0F0A05;
    --smoky-black-2: #1A1208;
    --smoky-black-3: #22180C;
    --eerie-black-1: #0F0A05;
    --eerie-black-2: #150E06;
    --eerie-black-3: #1A1208;
    --eerie-black-4: #22180C;
    --white: #F5E6C8;
    --white-alpha-20: rgba(245, 230, 200, 0.2);
    --white-alpha-10: rgba(245, 230, 200, 0.1);
    --black: #0F0A05;
    --black-alpha-80: rgba(15, 10, 5, 0.8);
    --black-alpha-15: rgba(15, 10, 5, 0.15);
    --header-bg-active: #150E06;
    --glow-color: rgba(255, 143, 0, 0.4);
    --gold-crayola-alpha: rgba(255, 143, 0, 0.08);
    --body-bg: #0F0A05;
    --preload-bg: #0F0A05;
    --navbar-bg: #1A1208;
    --spinner-border: #6D4C41;
    --rating-number-color: #FFC107;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Oswald', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
}


/* --- BIBLIOTEKA — dark academia, whisky+skóra --- */
/* Fonty: Libre Caslon Display + EB Garamond */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&family=EB+Garamond:wght@400;700&display=swap */
:root.theme-biblioteka,
body.theme-biblioteka {
    --gold-crayola: #C9A96E;
    --quick-silver: #A1887F;
    --davys-grey: #EFEBE9;
    --smoky-black-1: #1A1410;
    --smoky-black-2: #2A2018;
    --smoky-black-3: #342A1E;
    --eerie-black-1: #1A1410;
    --eerie-black-2: #221A14;
    --eerie-black-3: #2A2018;
    --eerie-black-4: #342A1E;
    --white: #EFEBE9;
    --white-alpha-20: rgba(239, 235, 233, 0.2);
    --white-alpha-10: rgba(239, 235, 233, 0.1);
    --black: #1A1410;
    --black-alpha-80: rgba(26, 20, 16, 0.8);
    --black-alpha-15: rgba(26, 20, 16, 0.15);
    --header-bg-active: #221A14;
    --glow-color: rgba(201, 169, 110, 0.35);
    --gold-crayola-alpha: rgba(201, 169, 110, 0.08);
    --body-bg: #1A1410;
    --preload-bg: #1A1410;
    --navbar-bg: #2A2018;
    --spinner-border: #6D4C41;
    --rating-number-color: #C9A96E;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Libre Caslon Display', serif;
    --fontFamily-dm_sans: 'EB Garamond', serif;
}


/* --- JEDEN — monochrom red, 5 odcieni --- */
/* Fonty: Outfit + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Outfit:wght@200;400;700&family=Inter:wght@400;700&display=swap */
:root.theme-jeden,
body.theme-jeden {
    --gold-crayola: #F44336;
    --quick-silver: #EF9A9A;
    --davys-grey: #FFEBEE;
    --smoky-black-1: #212121;
    --smoky-black-2: #B71C1C;
    --smoky-black-3: #C62828;
    --eerie-black-1: #212121;
    --eerie-black-2: #2C2C2C;
    --eerie-black-3: #B71C1C;
    --eerie-black-4: #C62828;
    --white: #FFEBEE;
    --white-alpha-20: rgba(255, 235, 238, 0.2);
    --white-alpha-10: rgba(255, 235, 238, 0.1);
    --black: #212121;
    --black-alpha-80: rgba(33, 33, 33, 0.8);
    --black-alpha-15: rgba(33, 33, 33, 0.15);
    --header-bg-active: #2C2C2C;
    --glow-color: rgba(244, 67, 54, 0.4);
    --gold-crayola-alpha: rgba(244, 67, 54, 0.08);
    --body-bg: #212121;
    --preload-bg: #212121;
    --navbar-bg: #2C2C2C;
    --spinner-border: #EF9A9A;
    --rating-number-color: #F44336;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Outfit', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}


/* --- PALMOWA — tropical, jungle green + mango --- */
/* Fonty: Sora + Nunito */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Nunito:wght@400;700&display=swap */
:root.theme-palmowa,
body.theme-palmowa {
    --gold-crayola: #FFD54F;
    --quick-silver: #A5D6A7;
    --davys-grey: #F1F8E9;
    --smoky-black-1: #004D40;
    --smoky-black-2: #00695C;
    --smoky-black-3: #00796B;
    --eerie-black-1: #004D40;
    --eerie-black-2: #005B4A;
    --eerie-black-3: #00695C;
    --eerie-black-4: #00796B;
    --white: #F1F8E9;
    --white-alpha-20: rgba(241, 248, 233, 0.2);
    --white-alpha-10: rgba(241, 248, 233, 0.1);
    --black: #004D40;
    --black-alpha-80: rgba(0, 77, 64, 0.8);
    --black-alpha-15: rgba(0, 77, 64, 0.15);
    --header-bg-active: #005B4A;
    --glow-color: rgba(255, 213, 79, 0.4);
    --gold-crayola-alpha: rgba(255, 213, 79, 0.08);
    --body-bg: #004D40;
    --preload-bg: #004D40;
    --navbar-bg: #00695C;
    --spinner-border: #4DB6AC;
    --rating-number-color: #FFD54F;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Sora', sans-serif;
    --fontFamily-dm_sans: 'Nunito', sans-serif;
}


/* --- ZACHÓD — sunset gradient, peach → deep orange --- */
/* Fonty: Sora + DM Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=DM+Sans:wght@400;700&display=swap */
:root.theme-zachod,
body.theme-zachod {
    --gold-crayola: #FF5722;
    --quick-silver: #FFAB91;
    --davys-grey: #1A1A1A;
    --smoky-black-1: #FFF3E0;
    --smoky-black-2: #FFAB91;
    --smoky-black-3: #FF8A65;
    --eerie-black-1: #FFF3E0;
    --eerie-black-2: #FFCCBC;
    --eerie-black-3: #FFAB91;
    --eerie-black-4: #FF8A65;
    --white: #1A1A1A;
    --white-alpha-20: rgba(26, 26, 26, 0.2);
    --white-alpha-10: rgba(26, 26, 26, 0.1);
    --black: #FFF3E0;
    --black-alpha-80: rgba(255, 243, 224, 0.8);
    --black-alpha-15: rgba(255, 243, 224, 0.15);
    --header-bg-active: #FFCCBC;
    --glow-color: rgba(255, 87, 34, 0.35);
    --gold-crayola-alpha: rgba(255, 87, 34, 0.06);
    --body-bg: #FFF3E0;
    --preload-bg: #FFF3E0;
    --navbar-bg: #FFF3E0;
    --spinner-border: #FF8A65;
    --rating-number-color: #BF360C;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Sora', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
}


/* --- MIĘSO! — maximalist, red IS the background --- */
/* Fonty: Bebas Neue + Open Sans */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@400;700&display=swap */
:root.theme-mieso,
body.theme-mieso {
    --gold-crayola: #FFFFFF;
    --quick-silver: #FFCDD2;
    --davys-grey: #FFFFFF;
    --smoky-black-1: #E53935;
    --smoky-black-2: #C62828;
    --smoky-black-3: #B71C1C;
    --eerie-black-1: #E53935;
    --eerie-black-2: #D32F2F;
    --eerie-black-3: #C62828;
    --eerie-black-4: #B71C1C;
    --white: #FFFFFF;
    --white-alpha-20: rgba(255, 255, 255, 0.2);
    --white-alpha-10: rgba(255, 255, 255, 0.1);
    --black: #E53935;
    --black-alpha-80: rgba(229, 57, 53, 0.8);
    --black-alpha-15: rgba(229, 57, 53, 0.15);
    --header-bg-active: #D32F2F;
    --glow-color: rgba(255, 255, 255, 0.3);
    --gold-crayola-alpha: rgba(255, 255, 255, 0.08);
    --body-bg: #E53935;
    --preload-bg: #E53935;
    --navbar-bg: #C62828;
    --spinner-border: #FFCDD2;
    --rating-number-color: #FFFFFF;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Bebas Neue', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
}


/* --- GATSBY — art deco, onyx+złoto+szmaragd --- */
/* Fonty: Poiret One + Raleway */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Poiret+One&family=Raleway:wght@400;700&display=swap */
:root.theme-gatsby,
body.theme-gatsby {
    --gold-crayola: #D4AF37;
    --quick-silver: #A08850;
    --davys-grey: #F5E6C8;
    --smoky-black-1: #0D0D0D;
    --smoky-black-2: #1A1A1A;
    --smoky-black-3: #222222;
    --eerie-black-1: #0D0D0D;
    --eerie-black-2: #141414;
    --eerie-black-3: #1A1A1A;
    --eerie-black-4: #222222;
    --white: #F5E6C8;
    --white-alpha-20: rgba(245, 230, 200, 0.2);
    --white-alpha-10: rgba(245, 230, 200, 0.1);
    --black: #0D0D0D;
    --black-alpha-80: rgba(13, 13, 13, 0.8);
    --black-alpha-15: rgba(13, 13, 13, 0.15);
    --header-bg-active: #141414;
    --glow-color: rgba(212, 175, 55, 0.4);
    --gold-crayola-alpha: rgba(212, 175, 55, 0.08);
    --body-bg: #0D0D0D;
    --preload-bg: #0D0D0D;
    --navbar-bg: #1A1A1A;
    --spinner-border: #1A3C34;
    --rating-number-color: #D4AF37;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Poiret One', cursive;
    --fontFamily-dm_sans: 'Raleway', sans-serif;
}


/* --- ŻARCIE.pl — neobrutalizm, grube ramki, raw --- */
/* Fonty: Space Mono + Inter */
/* Google Fonts: https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Inter:wght@400;700&display=swap */
:root.theme-zarcie,
body.theme-zarcie {
    --gold-crayola: #FF5722;
    --quick-silver: #555555;
    --davys-grey: #111111;
    --smoky-black-1: #F5F0E8;
    --smoky-black-2: #FFFFFF;
    --smoky-black-3: #FFEB3B;
    --eerie-black-1: #F5F0E8;
    --eerie-black-2: #EDE8DE;
    --eerie-black-3: #FFFFFF;
    --eerie-black-4: #FFEB3B;
    --white: #111111;
    --white-alpha-20: rgba(17, 17, 17, 0.2);
    --white-alpha-10: rgba(17, 17, 17, 0.1);
    --black: #F5F0E8;
    --black-alpha-80: rgba(245, 240, 232, 0.8);
    --black-alpha-15: rgba(245, 240, 232, 0.15);
    --header-bg-active: #EDE8DE;
    --glow-color: rgba(255, 87, 34, 0.35);
    --gold-crayola-alpha: rgba(255, 87, 34, 0.06);
    --body-bg: #F5F0E8;
    --preload-bg: #F5F0E8;
    --navbar-bg: #FFFFFF;
    --spinner-border: #111111;
    --rating-number-color: #111111;
    --banner-text-color: #ffffff;
    --fontFamily-forum: 'Space Mono', monospace;
    --fontFamily-dm_sans: 'Inter', sans-serif;
}

/* ================================================================
   NOWE MOTYWY — BATCH 2 (21 nowych)
   Dopisać na koniec themes-master.css
   ================================================================ */


/* ── PODWÓRKO (Hidden gem) ── jasny, wisteria liliowy + bluszcz + cegła ──
   Google Fonts: Libre Baskerville:wght@400;700&family=Nunito:wght@400;700 */
body.theme-podworko {
    --gold-crayola: #8B6BAE;
    --quick-silver: #6B5B73;
    --davys-grey: #4A3D52;
    --smoky-black-1: #FAF7FC;
    --smoky-black-2: #F3EEF6;
    --smoky-black-3: #EDE6F1;
    --eerie-black-1: #FAF7FC;
    --eerie-black-2: #F5F0F8;
    --eerie-black-3: #EFE9F3;
    --eerie-black-4: #E8E0ED;
    --white: #2D2235;
    --white-alpha-20: rgba(45, 34, 53, 0.2);
    --white-alpha-10: rgba(45, 34, 53, 0.1);
    --black: #FAF7FC;
    --black-alpha-80: rgba(250, 247, 252, 0.8);
    --black-alpha-15: rgba(250, 247, 252, 0.15);
    --fontFamily-forum: 'Libre Baskerville', serif;
    --fontFamily-dm_sans: 'Nunito', sans-serif;
    --header-bg-active: rgba(250, 247, 252, 0.97);
    --glow-color: rgba(139, 107, 174, 0.3);
    --gold-crayola-alpha: rgba(139, 107, 174, 0.06);
    --body-bg: #FAF7FC;
    --preload-bg: #FAF7FC;
    --navbar-bg: #FAF7FC;
    --spinner-border: #4A3D52;
    --rating-number-color: #2D2235;
    --banner-text-color: #ffffff;
}

/* ── KOCIOŁEK (Kuchnia polowa) ── jasny, khaki + oliwka + ognisko orange ──
   Google Fonts: Oswald:wght@400;700&family=Source+Sans+3:wght@400;700 */
body.theme-kociolek {
    --gold-crayola: #D4760A;
    --quick-silver: #6B6355;
    --davys-grey: #4A4235;
    --smoky-black-1: #FAF8F3;
    --smoky-black-2: #F5F1E8;
    --smoky-black-3: #EDE8DC;
    --eerie-black-1: #FAF8F3;
    --eerie-black-2: #F6F2EA;
    --eerie-black-3: #F0ECDF;
    --eerie-black-4: #E8E3D5;
    --white: #2C2A1F;
    --white-alpha-20: rgba(44, 42, 31, 0.2);
    --white-alpha-10: rgba(44, 42, 31, 0.1);
    --black: #FAF8F3;
    --black-alpha-80: rgba(250, 248, 243, 0.8);
    --black-alpha-15: rgba(250, 248, 243, 0.15);
    --fontFamily-forum: 'Oswald', sans-serif;
    --fontFamily-dm_sans: 'Source Sans 3', sans-serif;
    --header-bg-active: rgba(250, 248, 243, 0.97);
    --glow-color: rgba(212, 118, 10, 0.3);
    --gold-crayola-alpha: rgba(212, 118, 10, 0.06);
    --body-bg: #FAF8F3;
    --preload-bg: #FAF8F3;
    --navbar-bg: #FAF8F3;
    --spinner-border: #4A4235;
    --rating-number-color: #2C2A1F;
    --banner-text-color: #ffffff;
}

/* ── OKIENKO (Wydawka) ── jasny, limonkowy + markiza green + orange ──
   Google Fonts: Rubik:wght@400;600;700&family=Inter:wght@400;700 */
body.theme-okienko {
    --gold-crayola: #E8720C;
    --quick-silver: #5B6B55;
    --davys-grey: #3D4A37;
    --smoky-black-1: #F8FBF5;
    --smoky-black-2: #F0F6EA;
    --smoky-black-3: #E8F0DE;
    --eerie-black-1: #F8FBF5;
    --eerie-black-2: #F3F8ED;
    --eerie-black-3: #ECF3E4;
    --eerie-black-4: #E3ECDA;
    --white: #1E2B18;
    --white-alpha-20: rgba(30, 43, 24, 0.2);
    --white-alpha-10: rgba(30, 43, 24, 0.1);
    --black: #F8FBF5;
    --black-alpha-80: rgba(248, 251, 245, 0.8);
    --black-alpha-15: rgba(248, 251, 245, 0.15);
    --fontFamily-forum: 'Rubik', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(248, 251, 245, 0.97);
    --glow-color: rgba(232, 114, 12, 0.3);
    --gold-crayola-alpha: rgba(232, 114, 12, 0.06);
    --body-bg: #F8FBF5;
    --preload-bg: #F8FBF5;
    --navbar-bg: #F8FBF5;
    --spinner-border: #3D4A37;
    --rating-number-color: #1E2B18;
    --banner-text-color: #ffffff;
}

/* ── ŻARNA (Stary młyn) ── jasny, kamień + pszenica złota + żyto ──
   Google Fonts: Vollkorn:wght@400;700&family=Lato:wght@400;700 */
body.theme-zarna {
    --gold-crayola: #C9A84C;
    --quick-silver: #7A7060;
    --davys-grey: #5A5040;
    --smoky-black-1: #FBF9F4;
    --smoky-black-2: #F5F2EA;
    --smoky-black-3: #EEEBE0;
    --eerie-black-1: #FBF9F4;
    --eerie-black-2: #F7F4EC;
    --eerie-black-3: #F0ECE2;
    --eerie-black-4: #E8E4D8;
    --white: #3A3225;
    --white-alpha-20: rgba(58, 50, 37, 0.2);
    --white-alpha-10: rgba(58, 50, 37, 0.1);
    --black: #FBF9F4;
    --black-alpha-80: rgba(251, 249, 244, 0.8);
    --black-alpha-15: rgba(251, 249, 244, 0.15);
    --fontFamily-forum: 'Vollkorn', serif;
    --fontFamily-dm_sans: 'Lato', sans-serif;
    --header-bg-active: rgba(251, 249, 244, 0.97);
    --glow-color: rgba(201, 168, 76, 0.3);
    --gold-crayola-alpha: rgba(201, 168, 76, 0.06);
    --body-bg: #FBF9F4;
    --preload-bg: #FBF9F4;
    --navbar-bg: #FBF9F4;
    --spinner-border: #5A5040;
    --rating-number-color: #3A3225;
    --banner-text-color: #ffffff;
}

/* ── ZEGAR (Punktualny) ── jasny, steel + miedź + orange CTA ──
   Google Fonts: Josefin+Sans:wght@400;600;700&family=Work+Sans:wght@400;700 */
body.theme-zegar {
    --gold-crayola: #B87333;
    --quick-silver: #6B7580;
    --davys-grey: #4A5560;
    --smoky-black-1: #F8F9FB;
    --smoky-black-2: #F0F2F5;
    --smoky-black-3: #E8EAEE;
    --eerie-black-1: #F8F9FB;
    --eerie-black-2: #F3F5F8;
    --eerie-black-3: #ECEEF2;
    --eerie-black-4: #E4E6EB;
    --white: #1C2530;
    --white-alpha-20: rgba(28, 37, 48, 0.2);
    --white-alpha-10: rgba(28, 37, 48, 0.1);
    --black: #F8F9FB;
    --black-alpha-80: rgba(248, 249, 251, 0.8);
    --black-alpha-15: rgba(248, 249, 251, 0.15);
    --fontFamily-forum: 'Josefin Sans', sans-serif;
    --fontFamily-dm_sans: 'Work Sans', sans-serif;
    --header-bg-active: rgba(248, 249, 251, 0.97);
    --glow-color: rgba(184, 115, 51, 0.3);
    --gold-crayola-alpha: rgba(184, 115, 51, 0.06);
    --body-bg: #F8F9FB;
    --preload-bg: #F8F9FB;
    --navbar-bg: #F8F9FB;
    --spinner-border: #4A5560;
    --rating-number-color: #1C2530;
    --banner-text-color: #ffffff;
}

/* ── SWÓJ (Stały klient) ── jasny, ciepły koral + teal ──
   Google Fonts: Poppins:wght@400;600;700&family=DM+Sans:wght@400;700 */
body.theme-swoj {
    --gold-crayola: #E07A5F;
    --quick-silver: #5B7A7D;
    --davys-grey: #3D5A5D;
    --smoky-black-1: #FDFAF8;
    --smoky-black-2: #F8F3EF;
    --smoky-black-3: #F2ECE6;
    --eerie-black-1: #FDFAF8;
    --eerie-black-2: #F9F5F1;
    --eerie-black-3: #F4EEE8;
    --eerie-black-4: #EDE6DE;
    --white: #1A3A3D;
    --white-alpha-20: rgba(26, 58, 61, 0.2);
    --white-alpha-10: rgba(26, 58, 61, 0.1);
    --black: #FDFAF8;
    --black-alpha-80: rgba(253, 250, 248, 0.8);
    --black-alpha-15: rgba(253, 250, 248, 0.15);
    --fontFamily-forum: 'Poppins', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
    --header-bg-active: rgba(253, 250, 248, 0.97);
    --glow-color: rgba(224, 122, 95, 0.3);
    --gold-crayola-alpha: rgba(224, 122, 95, 0.06);
    --body-bg: #FDFAF8;
    --preload-bg: #FDFAF8;
    --navbar-bg: #FDFAF8;
    --spinner-border: #3D5A5D;
    --rating-number-color: #1A3A3D;
    --banner-text-color: #ffffff;
}

/* ── KOLEJKA (Popularny hit) ── jasny, blush + pomidorowy + bold ──
   Google Fonts: Montserrat:wght@400;700;900&family=Inter:wght@400;700 */
body.theme-kolejka {
    --gold-crayola: #C62828;
    --quick-silver: #7A6B6B;
    --davys-grey: #5A4545;
    --smoky-black-1: #FDF8F8;
    --smoky-black-2: #F9F0F0;
    --smoky-black-3: #F3E8E8;
    --eerie-black-1: #FDF8F8;
    --eerie-black-2: #FAF2F2;
    --eerie-black-3: #F5EAEA;
    --eerie-black-4: #EEE2E2;
    --white: #2A1515;
    --white-alpha-20: rgba(42, 21, 21, 0.2);
    --white-alpha-10: rgba(42, 21, 21, 0.1);
    --black: #FDF8F8;
    --black-alpha-80: rgba(253, 248, 248, 0.8);
    --black-alpha-15: rgba(253, 248, 248, 0.15);
    --fontFamily-forum: 'Montserrat', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(253, 248, 248, 0.97);
    --glow-color: rgba(198, 40, 40, 0.25);
    --gold-crayola-alpha: rgba(198, 40, 40, 0.06);
    --body-bg: #FDF8F8;
    --preload-bg: #FDF8F8;
    --navbar-bg: #FDF8F8;
    --spinner-border: #5A4545;
    --rating-number-color: #2A1515;
    --banner-text-color: #ffffff;
}

/* ── PÓŁMISEK (Rodzinny) ── jasny, drewno + musztardowy + oliwka ──
   Google Fonts: Merriweather:wght@400;700&family=Open+Sans:wght@400;700 */
body.theme-polmisek {
    --gold-crayola: #C49B2A;
    --quick-silver: #6B6B55;
    --davys-grey: #4A4A35;
    --smoky-black-1: #FCFAF3;
    --smoky-black-2: #F7F4E8;
    --smoky-black-3: #F0ECDC;
    --eerie-black-1: #FCFAF3;
    --eerie-black-2: #F8F5EB;
    --eerie-black-3: #F2EEE0;
    --eerie-black-4: #EAE6D5;
    --white: #2E2C1A;
    --white-alpha-20: rgba(46, 44, 26, 0.2);
    --white-alpha-10: rgba(46, 44, 26, 0.1);
    --black: #FCFAF3;
    --black-alpha-80: rgba(252, 250, 243, 0.8);
    --black-alpha-15: rgba(252, 250, 243, 0.15);
    --fontFamily-forum: 'Merriweather', serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
    --header-bg-active: rgba(252, 250, 243, 0.97);
    --glow-color: rgba(196, 155, 42, 0.3);
    --gold-crayola-alpha: rgba(196, 155, 42, 0.06);
    --body-bg: #FCFAF3;
    --preload-bg: #FCFAF3;
    --navbar-bg: #FCFAF3;
    --spinner-border: #4A4A35;
    --rating-number-color: #2E2C1A;
    --banner-text-color: #ffffff;
}

/* ── GLAZURA (Ceramika) ── jasny, kobalt + terakota + porcelana ──
   Google Fonts: Playfair+Display:wght@400;700&family=Raleway:wght@400;700 */
body.theme-glazura {
    --gold-crayola: #1A5276;
    --quick-silver: #7A6B60;
    --davys-grey: #5A4A40;
    --smoky-black-1: #FDFCFA;
    --smoky-black-2: #F7F5F0;
    --smoky-black-3: #F0ECE5;
    --eerie-black-1: #FDFCFA;
    --eerie-black-2: #F9F7F3;
    --eerie-black-3: #F3F0E8;
    --eerie-black-4: #EBE7DE;
    --white: #1A2530;
    --white-alpha-20: rgba(26, 37, 48, 0.2);
    --white-alpha-10: rgba(26, 37, 48, 0.1);
    --black: #FDFCFA;
    --black-alpha-80: rgba(253, 252, 250, 0.8);
    --black-alpha-15: rgba(253, 252, 250, 0.15);
    --fontFamily-forum: 'Playfair Display', serif;
    --fontFamily-dm_sans: 'Raleway', sans-serif;
    --header-bg-active: rgba(253, 252, 250, 0.97);
    --glow-color: rgba(26, 82, 118, 0.25);
    --gold-crayola-alpha: rgba(26, 82, 118, 0.06);
    --body-bg: #FDFCFA;
    --preload-bg: #FDFCFA;
    --navbar-bg: #FDFCFA;
    --spinner-border: #5A4A40;
    --rating-number-color: #1A2530;
    --banner-text-color: #ffffff;
}

/* ── SĄSIAD (Osiedlowy) ── jasny, żółte drzwi + ceglasty + szałwia ──
   Google Fonts: Fira+Sans:wght@400;700&family=Nunito:wght@400;700 */
body.theme-sasiad {
    --gold-crayola: #E8B30E;
    --quick-silver: #7A6B5B;
    --davys-grey: #5A4A3A;
    --smoky-black-1: #FDFBF5;
    --smoky-black-2: #F9F5EA;
    --smoky-black-3: #F2EDDE;
    --eerie-black-1: #FDFBF5;
    --eerie-black-2: #FAF7ED;
    --eerie-black-3: #F5F0E2;
    --eerie-black-4: #EDE8D6;
    --white: #3A2E1E;
    --white-alpha-20: rgba(58, 46, 30, 0.2);
    --white-alpha-10: rgba(58, 46, 30, 0.1);
    --black: #FDFBF5;
    --black-alpha-80: rgba(253, 251, 245, 0.8);
    --black-alpha-15: rgba(253, 251, 245, 0.15);
    --fontFamily-forum: 'Fira Sans', sans-serif;
    --fontFamily-dm_sans: 'Nunito', sans-serif;
    --header-bg-active: rgba(253, 251, 245, 0.97);
    --glow-color: rgba(232, 179, 14, 0.3);
    --gold-crayola-alpha: rgba(232, 179, 14, 0.06);
    --body-bg: #FDFBF5;
    --preload-bg: #FDFBF5;
    --navbar-bg: #FDFBF5;
    --spinner-border: #5A4A3A;
    --rating-number-color: #3A2E1E;
    --banner-text-color: #ffffff;
}

/* ── PIWNICA (Winiarnia) ── DARK, wine violet + burgundy + cork gold ──
   Google Fonts: Cormorant+Garamond:wght@400;700&family=Raleway:wght@400;700 */
body.theme-piwnica {
    --gold-crayola: #C9A84C;
    --quick-silver: #B8A090;
    --davys-grey: #D4BCA8;
    --smoky-black-1: #1A0E1A;
    --smoky-black-2: #221528;
    --smoky-black-3: #2A1A30;
    --eerie-black-1: #1A0E1A;
    --eerie-black-2: #1E1222;
    --eerie-black-3: #25182C;
    --eerie-black-4: #2D1E35;
    --white: #F0E8DC;
    --white-alpha-20: rgba(240, 232, 220, 0.2);
    --white-alpha-10: rgba(240, 232, 220, 0.1);
    --black: #1A0E1A;
    --black-alpha-80: rgba(26, 14, 26, 0.8);
    --black-alpha-15: rgba(26, 14, 26, 0.15);
    --fontFamily-forum: 'Cormorant Garamond', serif;
    --fontFamily-dm_sans: 'Raleway', sans-serif;
    --header-bg-active: rgba(26, 14, 26, 0.97);
    --glow-color: rgba(201, 168, 76, 0.3);
    --gold-crayola-alpha: rgba(201, 168, 76, 0.06);
    --body-bg: #1A0E1A;
    --preload-bg: #1A0E1A;
    --navbar-bg: #1A0E1A;
    --spinner-border: #C9A84C;
    --rating-number-color: #F0E8DC;
    --banner-text-color: #ffffff;
}

/* ── ZYGZAK (Memphis Design) ── jasny, pink + teal + yellow ──
   Google Fonts: Space+Grotesk:wght@400;600;700&family=Inter:wght@400;700 */
body.theme-zygzak {
    --gold-crayola: #FF6B9D;
    --quick-silver: #5B7A7D;
    --davys-grey: #3D5A5D;
    --smoky-black-1: #FEFCFD;
    --smoky-black-2: #FBF5F8;
    --smoky-black-3: #F6EEF2;
    --eerie-black-1: #FEFCFD;
    --eerie-black-2: #FCF7FA;
    --eerie-black-3: #F8F0F4;
    --eerie-black-4: #F2E8ED;
    --white: #1A2530;
    --white-alpha-20: rgba(26, 37, 48, 0.2);
    --white-alpha-10: rgba(26, 37, 48, 0.1);
    --black: #FEFCFD;
    --black-alpha-80: rgba(254, 252, 253, 0.8);
    --black-alpha-15: rgba(254, 252, 253, 0.15);
    --fontFamily-forum: 'Space Grotesk', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(254, 252, 253, 0.97);
    --glow-color: rgba(255, 107, 157, 0.3);
    --gold-crayola-alpha: rgba(255, 107, 157, 0.06);
    --body-bg: #FEFCFD;
    --preload-bg: #FEFCFD;
    --navbar-bg: #FEFCFD;
    --spinner-border: #3D5A5D;
    --rating-number-color: #1A2530;
    --banner-text-color: #ffffff;
}

/* ── BAM! (Pop Art) ── DARK, czerwony + żółty + niebieski na czerni ──
   Google Fonts: Bebas+Neue&family=Open+Sans:wght@400;700 */
body.theme-bam {
    --gold-crayola: #FFD600;
    --quick-silver: #B0B0B0;
    --davys-grey: #D0D0D0;
    --smoky-black-1: #0A0A0A;
    --smoky-black-2: #141414;
    --smoky-black-3: #1E1E1E;
    --eerie-black-1: #0A0A0A;
    --eerie-black-2: #111111;
    --eerie-black-3: #181818;
    --eerie-black-4: #222222;
    --white: #FFFFFF;
    --white-alpha-20: rgba(255, 255, 255, 0.2);
    --white-alpha-10: rgba(255, 255, 255, 0.1);
    --black: #0A0A0A;
    --black-alpha-80: rgba(10, 10, 10, 0.8);
    --black-alpha-15: rgba(10, 10, 10, 0.15);
    --fontFamily-forum: 'Bebas Neue', sans-serif;
    --fontFamily-dm_sans: 'Open Sans', sans-serif;
    --header-bg-active: rgba(10, 10, 10, 0.97);
    --glow-color: rgba(255, 214, 0, 0.35);
    --gold-crayola-alpha: rgba(255, 214, 0, 0.08);
    --body-bg: #0A0A0A;
    --preload-bg: #0A0A0A;
    --navbar-bg: #0A0A0A;
    --spinner-border: #FFD600;
    --rating-number-color: #FFFFFF;
    --banner-text-color: #ffffff;
}

/* ── GŁĘBIA (Deep Ocean) ── DARK, abyss navy + bioluminescent cyan ──
   Google Fonts: Sora:wght@400;600;700&family=Inter:wght@400;700 */
body.theme-glebia {
    --gold-crayola: #00E5FF;
    --quick-silver: #8AA8B8;
    --davys-grey: #A0C4D8;
    --smoky-black-1: #040D14;
    --smoky-black-2: #081620;
    --smoky-black-3: #0C1F2C;
    --eerie-black-1: #040D14;
    --eerie-black-2: #06121B;
    --eerie-black-3: #0A1A26;
    --eerie-black-4: #0E2232;
    --white: #D0ECF5;
    --white-alpha-20: rgba(208, 236, 245, 0.2);
    --white-alpha-10: rgba(208, 236, 245, 0.1);
    --black: #040D14;
    --black-alpha-80: rgba(4, 13, 20, 0.8);
    --black-alpha-15: rgba(4, 13, 20, 0.15);
    --fontFamily-forum: 'Sora', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(4, 13, 20, 0.97);
    --glow-color: rgba(0, 229, 255, 0.3);
    --gold-crayola-alpha: rgba(0, 229, 255, 0.06);
    --body-bg: #040D14;
    --preload-bg: #040D14;
    --navbar-bg: #040D14;
    --spinner-border: #00E5FF;
    --rating-number-color: #D0ECF5;
    --banner-text-color: #ffffff;
}

/* ── OAZA (Vaporwave) ── DARK, pastel pink + aqua na void purple ──
   Google Fonts: Space+Mono:wght@400;700&family=Inter:wght@400;700 */
body.theme-oaza {
    --gold-crayola: #FF71CE;
    --quick-silver: #B0A0C0;
    --davys-grey: #C8B8D8;
    --smoky-black-1: #0D0520;
    --smoky-black-2: #150A30;
    --smoky-black-3: #1C0F3A;
    --eerie-black-1: #0D0520;
    --eerie-black-2: #110828;
    --eerie-black-3: #180D34;
    --eerie-black-4: #201340;
    --white: #E8D5F5;
    --white-alpha-20: rgba(232, 213, 245, 0.2);
    --white-alpha-10: rgba(232, 213, 245, 0.1);
    --black: #0D0520;
    --black-alpha-80: rgba(13, 5, 32, 0.8);
    --black-alpha-15: rgba(13, 5, 32, 0.15);
    --fontFamily-forum: 'Space Mono', monospace;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(13, 5, 32, 0.97);
    --glow-color: rgba(255, 113, 206, 0.35);
    --gold-crayola-alpha: rgba(255, 113, 206, 0.06);
    --body-bg: #0D0520;
    --preload-bg: #0D0520;
    --navbar-bg: #0D0520;
    --spinner-border: #FF71CE;
    --rating-number-color: #E8D5F5;
    --banner-text-color: #ffffff;
}

/* ── KRYPTA (Gothic) ── DARK, abyss fiolet + blood red + orchid ──
   Google Fonts: Libre+Caslon+Display&family=EB+Garamond:wght@400;700 */
body.theme-krypta {
    --gold-crayola: #B71C1C;
    --quick-silver: #A090A8;
    --davys-grey: #C0B0C8;
    --smoky-black-1: #0A050E;
    --smoky-black-2: #120A18;
    --smoky-black-3: #1A0F22;
    --eerie-black-1: #0A050E;
    --eerie-black-2: #0E0814;
    --eerie-black-3: #150D1E;
    --eerie-black-4: #1C1228;
    --white: #E0D0E8;
    --white-alpha-20: rgba(224, 208, 232, 0.2);
    --white-alpha-10: rgba(224, 208, 232, 0.1);
    --black: #0A050E;
    --black-alpha-80: rgba(10, 5, 14, 0.8);
    --black-alpha-15: rgba(10, 5, 14, 0.15);
    --fontFamily-forum: 'Libre Caslon Display', serif;
    --fontFamily-dm_sans: 'EB Garamond', serif;
    --header-bg-active: rgba(10, 5, 14, 0.97);
    --glow-color: rgba(183, 28, 28, 0.35);
    --gold-crayola-alpha: rgba(183, 28, 28, 0.06);
    --body-bg: #0A050E;
    --preload-bg: #0A050E;
    --navbar-bg: #0A050E;
    --spinner-border: #B71C1C;
    --rating-number-color: #E0D0E8;
    --banner-text-color: #ffffff;
}

/* ── MATRYCA (Cyberpunk) ── DARK, terminal + matrix green + mono ──
   Google Fonts: Space+Mono:wght@400;700&family=Inter:wght@400;700 */
body.theme-matryca {
    --gold-crayola: #00FF41;
    --quick-silver: #80A888;
    --davys-grey: #A0D0A8;
    --smoky-black-1: #030A04;
    --smoky-black-2: #081208;
    --smoky-black-3: #0D1A0D;
    --eerie-black-1: #030A04;
    --eerie-black-2: #060E06;
    --eerie-black-3: #0A160A;
    --eerie-black-4: #0E1E0E;
    --white: #C0F0C8;
    --white-alpha-20: rgba(192, 240, 200, 0.2);
    --white-alpha-10: rgba(192, 240, 200, 0.1);
    --black: #030A04;
    --black-alpha-80: rgba(3, 10, 4, 0.8);
    --black-alpha-15: rgba(3, 10, 4, 0.15);
    --fontFamily-forum: 'Space Mono', monospace;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(3, 10, 4, 0.97);
    --glow-color: rgba(0, 255, 65, 0.3);
    --gold-crayola-alpha: rgba(0, 255, 65, 0.06);
    --body-bg: #030A04;
    --preload-bg: #030A04;
    --navbar-bg: #030A04;
    --spinner-border: #00FF41;
    --rating-number-color: #C0F0C8;
    --banner-text-color: #ffffff;
}

/* ── GRID (Synthwave) ── DARK, void purple + hot magenta + neon cyan ──
   Google Fonts: Outfit:wght@300;400;700&family=Inter:wght@400;700 */
body.theme-grid {
    --gold-crayola: #FF2D95;
    --quick-silver: #A898C0;
    --davys-grey: #C0B0D8;
    --smoky-black-1: #0A0515;
    --smoky-black-2: #120A22;
    --smoky-black-3: #1A0F30;
    --eerie-black-1: #0A0515;
    --eerie-black-2: #0E081C;
    --eerie-black-3: #150D28;
    --eerie-black-4: #1C1235;
    --white: #E5D8F5;
    --white-alpha-20: rgba(229, 216, 245, 0.2);
    --white-alpha-10: rgba(229, 216, 245, 0.1);
    --black: #0A0515;
    --black-alpha-80: rgba(10, 5, 21, 0.8);
    --black-alpha-15: rgba(10, 5, 21, 0.15);
    --fontFamily-forum: 'Outfit', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(10, 5, 21, 0.97);
    --glow-color: rgba(255, 45, 149, 0.35);
    --gold-crayola-alpha: rgba(255, 45, 149, 0.06);
    --body-bg: #0A0515;
    --preload-bg: #0A0515;
    --navbar-bg: #0A0515;
    --spinner-border: #FF2D95;
    --rating-number-color: #E5D8F5;
    --banner-text-color: #ffffff;
}

/* ── MOCHI (K-food) ── jasny, soft pink + lavender + mint ──
   Google Fonts: Quicksand:wght@400;600;700&family=DM+Sans:wght@400;700 */
body.theme-mochi {
    --gold-crayola: #E991C4;
    --quick-silver: #8878A0;
    --davys-grey: #6A5A80;
    --smoky-black-1: #FDF8FC;
    --smoky-black-2: #F8F0F8;
    --smoky-black-3: #F2E8F3;
    --eerie-black-1: #FDF8FC;
    --eerie-black-2: #FAF3FA;
    --eerie-black-3: #F5ECF5;
    --eerie-black-4: #EEE4EE;
    --white: #35204A;
    --white-alpha-20: rgba(53, 32, 74, 0.2);
    --white-alpha-10: rgba(53, 32, 74, 0.1);
    --black: #FDF8FC;
    --black-alpha-80: rgba(253, 248, 252, 0.8);
    --black-alpha-15: rgba(253, 248, 252, 0.15);
    --fontFamily-forum: 'Quicksand', sans-serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
    --header-bg-active: rgba(253, 248, 252, 0.97);
    --glow-color: rgba(233, 145, 196, 0.3);
    --gold-crayola-alpha: rgba(233, 145, 196, 0.06);
    --body-bg: #FDF8FC;
    --preload-bg: #FDF8FC;
    --navbar-bg: #FDF8FC;
    --spinner-border: #6A5A80;
    --rating-number-color: #35204A;
    --banner-text-color: #ffffff;
}

/* ── LAZUROWA (Mediterraneo) ── jasny, Santorini biel + aegean blue + coral ──
   Google Fonts: Josefin+Sans:wght@400;600;700&family=Lato:wght@400;700 */
body.theme-lazurowa {
    --gold-crayola: #2E86AB;
    --quick-silver: #6B8090;
    --davys-grey: #4A6070;
    --smoky-black-1: #FBFDFE;
    --smoky-black-2: #F2F7FA;
    --smoky-black-3: #E8F0F5;
    --eerie-black-1: #FBFDFE;
    --eerie-black-2: #F5FAFC;
    --eerie-black-3: #EDF4F8;
    --eerie-black-4: #E4ECF2;
    --white: #152838;
    --white-alpha-20: rgba(21, 40, 56, 0.2);
    --white-alpha-10: rgba(21, 40, 56, 0.1);
    --black: #FBFDFE;
    --black-alpha-80: rgba(251, 253, 254, 0.8);
    --black-alpha-15: rgba(251, 253, 254, 0.15);
    --fontFamily-forum: 'Josefin Sans', sans-serif;
    --fontFamily-dm_sans: 'Lato', sans-serif;
    --header-bg-active: rgba(251, 253, 254, 0.97);
    --glow-color: rgba(46, 134, 171, 0.25);
    --gold-crayola-alpha: rgba(46, 134, 171, 0.06);
    --body-bg: #FBFDFE;
    --preload-bg: #FBFDFE;
    --navbar-bg: #FBFDFE;
    --spinner-border: #4A6070;
    --rating-number-color: #152838;
    --banner-text-color: #ffffff;
}

/* ── NEON BAR (Y2K Retrofuturyzm) ── DARK, void purple + neon pink + chrome ──
   Google Fonts: Orbitron:wght@400;700&family=Inter:wght@400;700 */
body.theme-neon-bar {
    --gold-crayola: #FF00FF;
    --quick-silver: #B0A0C8;
    --davys-grey: #D0C0E0;
    --smoky-black-1: #08031A;
    --smoky-black-2: #100828;
    --smoky-black-3: #180D35;
    --eerie-black-1: #08031A;
    --eerie-black-2: #0C0622;
    --eerie-black-3: #130B30;
    --eerie-black-4: #1B103D;
    --white: #F0E0FF;
    --white-alpha-20: rgba(240, 224, 255, 0.2);
    --white-alpha-10: rgba(240, 224, 255, 0.1);
    --black: #08031A;
    --black-alpha-80: rgba(8, 3, 26, 0.8);
    --black-alpha-15: rgba(8, 3, 26, 0.15);
    --fontFamily-forum: 'Orbitron', sans-serif;
    --fontFamily-dm_sans: 'Inter', sans-serif;
    --header-bg-active: rgba(8, 3, 26, 0.97);
    --glow-color: rgba(255, 0, 255, 0.35);
    --gold-crayola-alpha: rgba(255, 0, 255, 0.06);
    --body-bg: #08031A;
    --preload-bg: #08031A;
    --navbar-bg: #08031A;
    --spinner-border: #FF00FF;
    --rating-number-color: #F0E0FF;
    --banner-text-color: #ffffff;
}

/* ── PROSTE ZAMÓWIENIA (Black & Gold Premium) ── dark, smoky black + warm gold + cream ──
   Google Fonts: Playfair+Display:wght@400;700;900&family=DM+Sans:wght@300;400;500;600 */
body.theme-proste-zamowienia {
    --gold-crayola: #c8973a;
    --quick-silver: #7a7068;
    --davys-grey: #a89880;
    --smoky-black-1: #0f0e0c;
    --smoky-black-2: #151310;
    --smoky-black-3: #1c1916;
    --eerie-black-1: #0f0e0c;
    --eerie-black-2: #131210;
    --eerie-black-3: #191714;
    --eerie-black-4: #201d19;
    --white: #f5f0e8;
    --white-alpha-20: rgba(245, 240, 232, 0.2);
    --white-alpha-10: rgba(245, 240, 232, 0.1);
    --black: #0f0e0c;
    --black-alpha-80: rgba(15, 14, 12, 0.8);
    --black-alpha-15: rgba(15, 14, 12, 0.15);
    --fontFamily-forum: 'Playfair Display', serif;
    --fontFamily-dm_sans: 'DM Sans', sans-serif;
    --header-bg-active: rgba(15, 14, 12, 0.97);
    --glow-color: rgba(200, 151, 58, 0.25);
    --gold-crayola-alpha: rgba(200, 151, 58, 0.06);
    --body-bg: #0f0e0c;
    --preload-bg: #0f0e0c;
    --navbar-bg: #0f0e0c;
    --spinner-border: #c8973a;
    --rating-number-color: #f5f0e8;
    --banner-text-color: #f5f0e8;
}