/* ============================================================ AgroMarket — serwis plonek.pl ============================================================ WZORCEM JEST STRONA GOSPODARSTWA, nie odwrotnie. Wartosci NIE sa wybrane tutaj. Sa przepisane z `lib/core/app_style.dart` (`AppStyle.light`) i z `lib/modules/farm/farm_page_screen.dart`. Gdy tam sie zmienia — tu trzeba zmienic recznie, bo przegladarka nie czyta Darta. Poprzednia wersja tego arkusza rozjechala sie z aplikacja w czterech miejscach i wszystkie w te sama strone: tlo biale zamiast `#F5F6F8`, promien 10 zamiast 12, pas 1080 zamiast 900, „BRAK CIENI" przy karcie, ktora w aplikacji cien ma. Stad wrazenie dwoch roznych produktow. ============================================================ */ :root { /* ---------- Tokeny `AppStyle.light` ---------- */ --bg: #f5f6f8; /* tlo EKRANU — ledwie szare, NIE biale */ --surface: #ffffff; /* karty i elementy listy */ --line: #d9dce1; --text: #1f2328; --muted: #6b7280; --ok: #2e7d32; /* PALETA AKCENTOW — PRZEPISANA Z `kAccentPalette` w `lib/core/app_style.dart`. ZRODLEM PRAWDY JEST DART, bo tam zyje aplikacja. Tutaj sa te same wartosci, zeby strona statyczna miala z czego brac kolory bez pytania kogokolwiek. Zmiana odcienia wymaga poprawki w OBU miejscach — i dlatego stoi to wypisane wprost, a nie schowane pod jedna nazwa. (Trzecia kopia, w `js/gospodarstwa-pasek.js`, to dlug do splacenia: osiem barw wpisanych tam na sztywno.) */ --akc-green: #2E7D32; --akc-blue: #1565C0; --akc-graphite: #374151; --akc-violet: #6A1B9A; --akc-amber: #B45309; --akc-green-soft: #6BA06E; --akc-blue-soft: #5C8AC4; --akc-graphite-soft: #5F6B7A; --akc-violet-soft: #8B72B8; --akc-honey-soft: #B8893A; --warn: #b45309; --danger: #c62828; --gold: #b8860b; /* ---------- Akcenty rol (`roleDefaultAccent`) ---------- */ /* PASTELE, nie mocne barwy: `green_soft` / `blue_soft`. Mocna zielen i blekit zostaja w palecie dla plakietek stanow. */ --rolnik: #6ba06e; --klient: #5c8ac4; --grafit: #5f6b7a; /* panel i ekrany ustawien */ --oferent: #8b72b8; /* fiolet pastelowy */ --sponsor: #b8893a; /* miodowy pastelowy */ /* MOCNE WARIANTY. Zadna rola ich nie nosi — sa dla plakietek stanow i dla stron, ktore maja krzyczec mocniej niz pastel. */ --rolnik-mocny: #2e7d32; --klient-mocny: #1565c0; --grafit-mocny: #374151; --oferent-mocny: #6a1b9a; --sponsor-mocny: #b45309; /* Akcent STRONY. Domyslnie blekit klienta, bo serwis mowi do kupujacego. Generator nadpisuje go w `style` elementu `` wartoscia `strony.akcent` — ta sama paleta co `farms.accent`. */ --accent: var(--klient); /* `accentSoft` = akcent przy 10% krycia (`accent.withValues(alpha: 0.10)`). */ --accent-soft: rgba(92, 138, 196, .10); /* zapas dla starszych przegladarek */ --accent-soft: color-mix(in srgb, var(--accent) 10%, transparent); /* ---------- Miary ---------- */ --radius: 12px; /* `BorderRadius.circular(12)` — tyle ma `Card` i `SlotCard` */ --pas: 900px; /* `_kSzerokoscPasa` — ten sam pas co strona gospodarstwa */ /* ---------- Cienie ---------- JEDYNE MIEJSCE, GDZIE WYGLAD JEST PRZEPISANY, A NIE ODZIEDZICZONY. W aplikacji cien karty pochodzi z widgetu `Card` i `farm_page_screen` zapisuje wprost, ze NIE odtwarza go liczbami, bo rozjechalby sie przy zmianie motywu. W CSS nie ma widgetu, wiec liczby sa nieuniknione. GEOMETRIA jest dziedziczona z cienia herbu (6/0,2 + 18/0,8), zmienia sie tylko krycie: karta ma byc miekka, herb ma odstawac od zdjecia. */ --cien: 0 2px 6px rgba(0, 0, 0, .06), 0 8px 18px rgba(0, 0, 0, .04); --cien-herb: 0 2px 6px rgba(0, 0, 0, .28), 0 8px 18px rgba(0, 0, 0, .20); /* ---------- Welon nad zdjeciem ---------- Strojony DWA RAZY (patrz `docs/style_guide.md` §3). Zanim zmienisz, sprawdz, czy nie wracasz do odrzuconych wartosci: 0.45/0.22 → 0.22/0.11 → 0.30/0.15. */ --welon-gora: rgba(0, 0, 0, .30); --welon-dol: rgba(0, 0, 0, .15); } * { box-sizing: border-box; } html { scroll-behavior: smooth; } body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } /* PAS 900 W ARKUSZU, NIE W STRONACH. Trzy pliki HTML mialy ten sam nadpisek w `