added files with prompts

docs/prompts/step17.md

@@ -0,0 +1,64 @@
+# Krok 17 - Rendering Vrstva (CSS Assety)
+
+## Kontext projektu
+Vizuálny štýl webu (farby, fonty, spacing) je definovaný v `wizard_data`. Renderer musí tieto nastavenia transformovať do CSS, ktoré sa aplikuje na exportovaný web.
+
+## Pred implementáciou si preštuduj
+- `docs/wizard.md` - Sekcia 5 (Krok 4 - Vizualny styl).
+- `docs/prompts/step15.md` - Core Renderer.
+
+## Cieľ
+Implementovať generovanie dynamického CSS na základe vizuálnych preferencií používateľa.
+
+## Požadované zmeny
+1. Úprava `Renderer.php`:
+   - Generovanie bloku `:root` v HTML hlavičke alebo v samostatnom súbore.
+   - Mapovanie `wizard_data.visuals.color_scheme` na CSS premenné (`--primary-color`, `--bg-color`, atď.).
+   - Mapovanie `wizard_data.visuals.font_style` na konkrétne font-family (napr. Google Fonts importy).
+   - Mapovanie `wizard_data.visuals.layout_density` na premenné pre padding a margin.
+2. Úprava `src/Templates/css/site.css`:
+   - Použitie CSS premenných v celom štýle.
+   - Definícia tried pre rôzne štýly (Minimal, Modern, Corporate) - napr. zaoblenie rohov, tiene.
+3. Zabezpečenie kopírovania finalizovaného `site.css` do `exports/<project_id>/assets/site.css`.
+
+## Implementačné pravidlá
+- Preferuj systémové fonty alebo bezpečné webové fonty pre MVP.
+- Farby musia mať dostatočný kontrast (WCAG compliance).
+- Žiadny inline CSS v HTML tagoch (okrem `:root` premenných).
+
+## Súbory ktoré je potrebné vytvoriť
+Žiadne.
+
+## Súbory ktoré je potrebné upraviť
+- `src/Services/Renderer.php`
+- `src/Templates/css/site.css`
+
+## API a dátové štruktúry
+Vstupné dáta: `wizard_data.visuals`.
+
+## Frontend požiadavky
+- Web musí vizuálne zodpovedať voľbe vo wizadre.
+- Podpora tmavého/svetlého módu (ak je v rozsahu).
+
+## Backend požiadavky
+- PHP logika pre výpočet kontrastnej farby textu (voliteľne).
+
+## Testovací scenár
+1. Zmeň primárnu farbu vo wizadre na červenú.
+2. Vygeneruj web a over, či sú kľúčové prvky (tlačidlá, nadpisy) červené.
+3. Skontroluj `index.html` alebo `site.css`, či obsahuje správne CSS premenné.
+4. Zmeň štýl na "Minimal" a over, či sa zmenili napr. zaoblenia rohov (border-radius).
+
+## Definition of Done
+- Vizuálne nastavenia sú úspešne aplikované cez CSS premenné.
+- Exportovaný web rešpektuje voľbu farieb, fontov a layoutu.
+- CSS je čisté a udržiavateľné.
+
+## Obmedzenia
+- Nepoužívaj CSS preprocesory (Sass/Less) pri renderovaní na serveri.
+
+## Výstup
+- zoznam vytvorených súborov
+- zoznam upravených súborov
+- stručné zhrnutie vykonaných zmien
+- prípadné otvorené problémy