/* ══════════════════════════════════════════════════════════════
   MOTYWY — jedyne, co różni branże. Szkielet zostaje ten sam.
   ══════════════════════════════════════════════════════════════ */
:root[data-motyw="warsztat"]{
  --tlo:#E6E3DD; --tlo-alt:#D6D2CA; --ciemny:#1C201E; --mgla:#4A524E;
  --akcent:#2E5E4E; --sygnal:#D9944B; --linia:#C2BDB3;
  --font-display:"Bricolage Grotesque", Arial, sans-serif;
  --font-tekst:"Instrument Sans", system-ui, sans-serif;
  --font-dane:"Space Mono", monospace;
  --promien:2px; --waga-h:800; --trop:-.02em; --kapitaliki:.16em;
}
:root[data-motyw="salon"]{
  --tlo:#FBF7F4; --tlo-alt:#F2EAE4; --ciemny:#2A2320; --mgla:#6B5C55;
  --akcent:#6E4550; --sygnal:#C9A227; --linia:#E2D5CC;
  --font-display:"Fraunces", Georgia, serif;
  --font-tekst:"Figtree", system-ui, sans-serif;
  --font-dane:"Figtree", system-ui, sans-serif;
  --promien:14px; --waga-h:600; --trop:-.01em; --kapitaliki:.2em;
}
:root[data-motyw="serwis"]{
  --tlo:#F2F4F5; --tlo-alt:#E3E8EA; --ciemny:#14181C; --mgla:#4F5A63;
  --akcent:#14448C; --sygnal:#F0B429; --linia:#CBD4D9;
  --font-display:"Archivo", Arial, sans-serif;
  --font-tekst:"IBM Plex Sans", system-ui, sans-serif;
  --font-dane:"IBM Plex Sans", system-ui, sans-serif;
  --promien:4px; --waga-h:800; --trop:-.025em; --kapitaliki:.12em;
}
:root[data-motyw="studio"]{
  --tlo:#ECEAE5; --tlo-alt:#DFDCD5; --ciemny:#17181A; --mgla:#5B5D5E;
  --akcent:#2C3E4C; --sygnal:#B08A4E; --linia:#CAC6BE;
  --font-display:"Newsreader", Georgia, serif;
  --font-tekst:"Karla", system-ui, sans-serif;
  --font-dane:"Karla", system-ui, sans-serif;
  --promien:0px; --waga-h:600; --trop:-.005em; --kapitaliki:.24em;
}
/* Piąty motyw, dołożony na wyraźną prośbę — brief mówił o czterech.
   Włoski, pogodny: śmietankowe tło, błękit na pasach sekcji, granat
   morski pod nagłówkiem, pomarańcz wyłącznie na „Zadzwoń”, żółty
   na kreskach. */
:root[data-motyw="riwiera"]{
  /* Bez bieli i bez prawie-bieli: tło jest wyraźnym baby blue, nie
     odcieniem papieru. #EAF4FB czytało się jak biała kartka. */
  --tlo:#D4EAF8; --tlo-alt:#B7DCF2; --ciemny:#6E2038; --mgla:#8A5566;
  --akcent:#17638F; --sygnal:#7FD1F0; --linia:#EFC969;
  --stopka-tekst:#E8C9D3;
  /* Płachta: nagietek z holdingu. Napis bordowy, nie błękitny — baby blue
     na tym pomarańczu daje 1,65:1 i jest nieczytelny przy każdym stopniu
     przyciemnienia, który jeszcze wygląda jak baby blue. Błękit wchodzi
     na płachtę etykietą nad nagłówkiem i przyciskiem „Zadzwoń”. */
  --plama:#EBA342; --plama-tekst:#6E2038; --plama-akcent:#14476B;
  --plama-mgla:#7A2440; --plama-cien:#D9862A; --plama-woal:#FFD9A0;
  --plama-ikona:#6E2038; --plama-chip:#FFD9A0;
  --font-display:"Baloo 2", "Trebuchet MS", sans-serif;
  --font-tekst:"Nunito", system-ui, sans-serif;
  --font-dane:"Nunito", system-ui, sans-serif;
  --promien:16px; --waga-h:800; --trop:-.01em; --kapitaliki:.14em;
}

/* ══════════════════════════════════════════════════════════════
   17 motywów z palet w Claude Design (tablica „Palety kolorów”).
   Dodane na prośbę właściciela. Wybór: "motyw": "<nazwa>" w dane/<slug>.json
   ══════════════════════════════════════════════════════════════ */
:root[data-motyw="mango"]{
  /* paleta 01 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#FFF7E4; --tlo-alt:#FFE6A8; --ciemny:#0D4A50; --mgla:#406E6F;
  --akcent:#826158; --sygnal:#FFB500; --linia:#D8DBCC;
  --stopka-tekst:#A8B9AF;
  --plama:#0D4A50; --plama-tekst:#FFF3D6; --plama-akcent:#FFB500;
  --plama-mgla:#ADBAA8; --plama-ikona:#FFF3D6; --plama-chip:#0D4A50;
  --plama-woal:#0D4A50;
  --font-display:"Hanken Grotesk", Arial, sans-serif;
  --font-tekst:"Newsreader", system-ui, serif;
  --font-dane:"Newsreader", system-ui, sans-serif;
  --promien:4px; --waga-h:800; --trop:-.03em; --kapitaliki:.14em;
}
:root[data-motyw="windsurfer"]{
  /* paleta 02 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F0F3FE; --tlo-alt:#D5DFFD; --ciemny:#410606; --mgla:#75525C;
  --akcent:#AB410F; --sygnal:#FB6016; --linia:#D4CDD6;
  --stopka-tekst:#9E8489;
  --plama:#410606; --plama-tekst:#A1B6FA; --plama-akcent:#FB6016;
  --plama-mgla:#8685B6; --plama-ikona:#A1B6FA; --plama-chip:#410606;
  --plama-woal:#410606;
  --font-display:"Space Grotesk", Arial, sans-serif;
  --font-tekst:"Space Grotesk", system-ui, sans-serif;
  --font-dane:"Space Grotesk", system-ui, sans-serif;
  --font-pisane:"Kaushan Script", cursive; --waga-pisane:400; --pisane-skala:1.1em;
  --pisane-blok:block; --pisane-trop:0; --pisane-lh:1.15;
  --promien:14px; --waga-h:700; --trop:-.01em; --kapitaliki:.12em;
}
:root[data-motyw="aksamit"]{
  /* paleta 03 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F7F2EE; --tlo-alt:#EBE0D9; --ciemny:#630A2A; --mgla:#8A485D;
  --akcent:#B9332E; --sygnal:#DB4F4A; --linia:#DFCDCF;
  --stopka-tekst:#BA939E;
  --plama:#630A2A; --plama-tekst:#EBE0D9; --plama-akcent:#E47A76;
  --plama-mgla:#BA939A; --plama-ikona:#EBE0D9; --plama-chip:#630A2A;
  --plama-woal:#630A2A;
  --font-display:"Jost", Arial, sans-serif;
  --font-tekst:"Jost", system-ui, sans-serif;
  --font-dane:"Jost", system-ui, sans-serif;
  --font-pisane:"Caveat", cursive; --waga-pisane:700; --pisane-skala:1.3em;
  --pisane-blok:block; --pisane-trop:0; --pisane-lh:1.15;
  --promien:10px; --waga-h:600; --trop:0em; --kapitaliki:.24em;
}
:root[data-motyw="limonka"]{
  /* paleta 04 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F3F3F3; --tlo-alt:#D8D8D8; --ciemny:#3A0A1D; --mgla:#6E4E5B;
  --akcent:#7A163D; --sygnal:#CAF90B; --linia:#D5CED1;
  --stopka-tekst:#9A838C;
  --plama:#7A163D; --plama-tekst:#F2F2F2; --plama-akcent:#CAF90B;
  --plama-mgla:#C9A7B4; --plama-ikona:#F2F2F2; --plama-chip:#3A0A1D;
  --plama-woal:#3A0A1D;
  --font-display:"Archivo", Arial, sans-serif;
  --font-tekst:"Archivo", system-ui, sans-serif;
  --font-dane:"Archivo", system-ui, sans-serif;
  --promien:2px; --waga-h:800; --trop:-.03em; --kapitaliki:.12em;
}
:root[data-motyw="popcorn"]{
  /* paleta 05 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#FCF7E1; --tlo-alt:#F4E6A6; --ciemny:#2F4A51; --mgla:#4F635F;
  --akcent:#017362; --sygnal:#02C6A9; --linia:#DBDBCA;
  --stopka-tekst:#B6BCB0;
  --plama:#2F4A51; --plama-tekst:#EED778; --plama-akcent:#11C9AE;
  --plama-mgla:#C8BB70; --plama-ikona:#EED778; --plama-chip:#2F4A51;
  --plama-woal:#2F4A51;
  --font-display:"Outfit", Arial, sans-serif;
  --font-tekst:"Outfit", system-ui, sans-serif;
  --font-dane:"Outfit", system-ui, sans-serif;
  --promien:16px; --waga-h:700; --trop:-.02em; --kapitaliki:.14em;
}
:root[data-motyw="gruszka"]{
  /* paleta 06 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#FAFFE8; --tlo-alt:#E9FCA8; --ciemny:#410606; --mgla:#85625A;
  --akcent:#5A5FD6; --sygnal:#A1A4EE; --linia:#DCD7C4;
  --stopka-tekst:#9F8579;
  --plama:#410606; --plama-tekst:#E3FD8C; --plama-akcent:#A1A4EE;
  --plama-mgla:#988B4E; --plama-ikona:#E3FD8C; --plama-chip:#410606;
  --plama-woal:#410606;
  --font-display:"Rubik", Arial, sans-serif;
  --font-tekst:"Rubik", system-ui, sans-serif;
  --font-dane:"Rubik", system-ui, sans-serif;
  --font-pisane:"Pacifico", cursive; --waga-pisane:400; --pisane-skala:1em;
  --pisane-blok:block; --pisane-trop:0; --pisane-lh:1.15;
  --promien:18px; --waga-h:800; --trop:0em; --kapitaliki:.12em;
}
:root[data-motyw="noc"]{
  /* paleta 07 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F9F5F8; --tlo-alt:#EEE3EC; --ciemny:#3D273C; --mgla:#726171;
  --akcent:#C8164F; --sygnal:#2AB366; --linia:#DBD4DA;
  --stopka-tekst:#A498A3;
  --plama:#3D273C; --plama-tekst:#FFD0DF; --plama-akcent:#2AB366;
  --plama-mgla:#B590A1; --plama-ikona:#FFD0DF; --plama-chip:#3D273C;
  --plama-woal:#3D273C;
  --font-display:"Unbounded", Arial, sans-serif;
  --font-tekst:"Manrope", system-ui, sans-serif;
  --font-dane:"Manrope", system-ui, sans-serif;
  --promien:6px; --waga-h:700; --trop:-.02em; --kapitaliki:.16em;
}
:root[data-motyw="flaming"]{
  /* paleta 08 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F5F3F0; --tlo-alt:#E2F9FC; --ciemny:#3A332B; --mgla:#69635C;
  --akcent:#CC2D75; --sygnal:#8BEEFB; --linia:#D7D4D0;
  --stopka-tekst:#A6A29D;
  --plama:#5A4F43; --plama-tekst:#8BEEFB; --plama-akcent:#8BEEFB;
  --plama-mgla:#84D6DF; --plama-ikona:#8BEEFB; --plama-chip:#3A332B;
  --plama-woal:#3A332B;
  --font-display:"Space Grotesk", Arial, sans-serif;
  --font-tekst:"Space Grotesk", system-ui, sans-serif;
  --font-dane:"Space Grotesk", system-ui, sans-serif;
  --font-pisane:"Yellowtail", cursive; --waga-pisane:400; --pisane-skala:1.2em;
  --pisane-blok:block; --pisane-trop:0; --pisane-lh:1.15;
  --promien:4px; --waga-h:700; --trop:-.03em; --kapitaliki:.14em;
}
:root[data-motyw="perla"]{
  /* paleta 09 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#FDF3F0; --tlo-alt:#FADDD6; --ciemny:#2A1450; --mgla:#705E85;
  --akcent:#6F34C8; --sygnal:#FE4840; --linia:#DBCFD6;
  --stopka-tekst:#9888A3;
  --plama:#6F34C8; --plama-tekst:#FADDD6; --plama-akcent:#FFC1BE;
  --plama-mgla:#EFCFD5; --plama-ikona:#FADDD6; --plama-chip:#2A1450;
  --plama-woal:#2A1450;
  --font-display:"Anton", Arial, sans-serif;
  --font-tekst:"Work Sans", system-ui, sans-serif;
  --font-dane:"Work Sans", system-ui, sans-serif;
  --promien:0px; --waga-h:400; --trop:0em; --kapitaliki:.14em;
}
:root[data-motyw="toffi"]{
  /* paleta 10 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F6F1EB; --tlo-alt:#E8DDD1; --ciemny:#0B0B0B; --mgla:#646260;
  --akcent:#332EAF; --sygnal:#9D9AF2; --linia:#D0CCC7;
  --stopka-tekst:#807E7B;
  --plama:#774F2D; --plama-tekst:#F6EDE3; --plama-akcent:#CBC9F8;
  --plama-mgla:#E0D2C4; --plama-ikona:#F6EDE3; --plama-chip:#0B0B0B;
  --plama-woal:#0B0B0B;
  --font-display:"Schibsted Grotesk", Arial, sans-serif;
  --font-tekst:"Source Serif 4", system-ui, serif;
  --font-dane:"Source Serif 4", system-ui, sans-serif;
  --promien:0px; --waga-h:900; --trop:-.03em; --kapitaliki:.2em;
}
:root[data-motyw="kawa"]{
  /* paleta 11 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#FFFDE8; --tlo-alt:#DDF2FC; --ciemny:#4D342E; --mgla:#7A665C;
  --akcent:#0172A3; --sygnal:#FEF109; --linia:#E3DDCA;
  --stopka-tekst:#B2A798;
  --plama:#019FE3; --plama-tekst:#2E1F1B; --plama-akcent:#2E1F1B;
  --plama-mgla:#2A292B; --plama-ikona:#2E1F1B; --plama-chip:#FEF109;
  --plama-woal:#019FE3;
  --font-display:"Figtree", Arial, sans-serif;
  --font-tekst:"Figtree", system-ui, sans-serif;
  --font-dane:"Figtree", system-ui, sans-serif;
  --font-pisane:"Dancing Script", cursive; --waga-pisane:700; --pisane-skala:1.15em;
  --pisane-blok:block; --pisane-trop:0; --pisane-lh:1.15;
  --promien:20px; --waga-h:800; --trop:-.02em; --kapitaliki:.12em;
}
:root[data-motyw="gin"]{
  /* paleta 12 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F6FBEE; --tlo-alt:#DCEEC0; --ciemny:#1F3A28; --mgla:#4E674E;
  --akcent:#3F7251; --sygnal:#D75396; --linia:#D4DCCE;
  --stopka-tekst:#97A697;
  --plama:#427855; --plama-tekst:#F2F9E7; --plama-akcent:#FBECF3;
  --plama-mgla:#F2F9E7; --plama-ikona:#F2F9E7; --plama-chip:#1F3A28;
  --plama-woal:#1F3A28;
  --font-display:"Montserrat", Arial, sans-serif;
  --font-tekst:"Montserrat", system-ui, sans-serif;
  --font-dane:"Montserrat", system-ui, sans-serif;
  --promien:10px; --waga-h:800; --trop:-.01em; --kapitaliki:.16em;
}
:root[data-motyw="malina"]{
  /* paleta 13 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F8F7EF; --tlo-alt:#EFEEE1; --ciemny:#00331A; --mgla:#4A6E5A;
  --akcent:#CB2360; --sygnal:#E93777; --linia:#D0D8CD;
  --stopka-tekst:#869D8D;
  --plama:#004720; --plama-tekst:#EFEEE1; --plama-akcent:#F287AD;
  --plama-mgla:#9BB49D; --plama-ikona:#EFEEE1; --plama-chip:#00331A;
  --plama-woal:#00331A;
  --font-display:"League Gothic", Arial, sans-serif;
  --font-tekst:"Libre Franklin", system-ui, sans-serif;
  --font-dane:"Libre Franklin", system-ui, sans-serif;
  --promien:2px; --waga-h:400; --trop:.01em; --kapitaliki:.14em;
}
:root[data-motyw="bazylia"]{
  /* paleta 14 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F2F7F3; --tlo-alt:#D5E3D9; --ciemny:#2E1D15; --mgla:#625A52;
  --akcent:#516958; --sygnal:#F91E1E; --linia:#D3D4CF;
  --stopka-tekst:#928C86;
  --plama:#482E22; --plama-tekst:#D9E7DD; --plama-akcent:#FB6F6F;
  --plama-mgla:#A3A398; --plama-ikona:#D9E7DD; --plama-chip:#2E1D15;
  --plama-woal:#2E1D15;
  --font-display:"Big Shoulders Display", Arial, sans-serif;
  --font-tekst:"Barlow", system-ui, sans-serif;
  --font-dane:"Barlow", system-ui, sans-serif;
  --promien:0px; --waga-h:900; --trop:0em; --kapitaliki:.14em;
}
:root[data-motyw="posejdon"]{
  /* paleta 15 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F1F7FA; --tlo-alt:#D6EAF3; --ciemny:#00222F; --mgla:#526A74;
  --akcent:#BF3517; --sygnal:#D25A3F; --linia:#CAD5DA;
  --stopka-tekst:#7B8F97;
  --plama:#00222F; --plama-tekst:#D3EAF5; --plama-akcent:#D5644B;
  --plama-mgla:#74909C; --plama-ikona:#D3EAF5; --plama-chip:#00222F;
  --plama-woal:#00222F;
  --font-display:"Oswald", Arial, sans-serif;
  --font-tekst:"Barlow Semi Condensed", system-ui, sans-serif;
  --font-dane:"Barlow Semi Condensed", system-ui, sans-serif;
  --promien:2px; --waga-h:700; --trop:-.01em; --kapitaliki:.14em;
}
:root[data-motyw="wino"]{
  /* paleta 16 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#F9F4EA; --tlo-alt:#EEE2CE; --ciemny:#2E0F18; --mgla:#715958;
  --akcent:#7C6308; --sygnal:#9A7C14; --linia:#D9CFC8;
  --stopka-tekst:#948281;
  --plama:#491826; --plama-tekst:#EEE2CE; --plama-akcent:#A78D31;
  --plama-mgla:#AA8F89; --plama-ikona:#EEE2CE; --plama-chip:#2E0F18;
  --plama-woal:#2E0F18;
  --font-display:"Fraunces", Arial, sans-serif;
  --font-tekst:"Fraunces", system-ui, serif;
  --font-dane:"Fraunces", system-ui, sans-serif;
  --font-pisane:"Pinyon Script", cursive; --waga-pisane:400; --pisane-skala:1.25em;
  --pisane-blok:block; --pisane-trop:0; --pisane-lh:1.15;
  --promien:12px; --waga-h:800; --trop:-.02em; --kapitaliki:.22em;
}
:root[data-motyw="migdal"]{
  /* paleta 17 z tablicy „Palety kolorów” w Claude Design */
  --tlo:#FEF3F5; --tlo-alt:#FADBE0; --ciemny:#2B2C2A; --mgla:#635B5B;
  --akcent:#B03A55; --sygnal:#CAF90B; --linia:#DCD3D5;
  --stopka-tekst:#9D9798;
  --plama:#4E504C; --plama-tekst:#F9BDC6; --plama-akcent:#CAF90B;
  --plama-mgla:#F2B9C1; --plama-ikona:#F9BDC6; --plama-chip:#2B2C2A;
  --plama-woal:#2B2C2A;
  --font-display:"Dela Gothic One", Arial, sans-serif;
  --font-tekst:"DM Sans", system-ui, sans-serif;
  --font-dane:"DM Sans", system-ui, sans-serif;
  --promien:12px; --waga-h:400; --trop:0em; --kapitaliki:.14em;
}