/* PACIENTO — dizajnové tokeny (design v2, 2026-07-24). VŠETKY farby a fonty výhradne tu. Témy sa prepínajú atribútom data-theme na ; každá téma definuje tie isté premenné. Ladenie naživo: https://paciento.istora.eu/?visual=1 (bočný panel). */ /* ── FINÁLNA PALETA (zadal Marek 2026-08-10) ─────────────────────────── ZO ZADANIA (nemeniť bez Mareka): PODKLAD #F7F4EF · TEXT #333230 · HLAVNÁ #324339 · AKCENT #A3523E DOPOČÍTANÉ (odvodené z týchto štyroch, kontrast overený na WCAG AA): --bg-soft, --surface, --neutral, --accent-2, --verde-soft, --ink-soft, --on-verde Kontrasty na podklade #F7F4EF: text 11,7:1 · nadpisy 9,6:1 · odstavce 6,0:1 · akcent 5,0:1 · biely nápis na akcente 5,5:1. */ :root, [data-theme="paciento"] { --bg: #F7F4EF; /* PODKLAD — základná plocha celého webu (zadané) */ --bg-soft: #EFEAE1; /* jemný teplý panel — podfarbené sekcie (dopočítané) */ --surface: #E4DED2; /* hranice kariet, hairline, ikonové plochy (dopočítané) */ --neutral: #BFB3A3; /* tlmené detaily, bodky, preškrtnutá cena (dopočítané) */ --accent-2: #85422F; /* tmavší akcent — hover a drobný text (dopočítané) */ --accent: #A3523E; /* AKCENT — tlačidlá a odkazy (zadané) */ --verde: #324339; /* HLAVNÁ — nadpisy, tmavé plochy, pätka (zadané) */ --verde-soft:#475C50; /* svetlejšia tmavá — vrstvy na tmavom (dopočítané) */ --ink: #333230; /* TEXT — bežný text (zadané) */ --ink-soft: #605D57; /* sekundárny text, odstavce (dopočítané) */ --on-verde: #F7F4EF; /* text na tmavých plochách (dopočítané) */ } /* Predchádzajúca default paleta „Pleť" — ponechaná ako preset na porovnanie */ [data-theme="plet"] { --bg: #FFFFFF; --bg-soft: #F7F2EA; --surface: #E7DFD2; --neutral: #BBA9A1; --accent-2: #927160; --accent: #945631; --verde: #363E2F; --verde-soft:#4A5540; --ink: #201510; --ink-soft: #5C4A3E; --on-verde: #F7F2EA; } [data-theme="zelena"] { --bg: #FFFFFF; --bg-soft: #FEFEE3; --surface: #EAF2EA; --neutral: #A8C3B4; --accent-2: #4C956C; --accent: #2C6E49; --verde: #1E3A2B; --verde-soft:#2C6E49; --ink: #1B2A22; --ink-soft: #4A5C52; --on-verde: #FEFEE3; } [data-theme="tepla"] { --bg: #FFFFFF; --bg-soft: #FDF6EF; --surface: #F5E3D3; --neutral: #D9B99F; --accent-2: #D68C45; --accent: #B45F2A; --verde: #3D2C1E; --verde-soft:#5A4433; --ink: #2A1D12; --ink-soft: #6B5340; --on-verde: #FDF6EF; } /* Paleta D „Jedľová a jantár" z v1 — ponechaná na porovnanie v paneli */ [data-theme="jedla"] { --bg: #FBF9F3; --bg-soft: #F5F1E8; --surface: #E8E6D6; --neutral: #D8D2C4; --accent-2: #8A6425; --accent: #C08A3E; --verde: #20362A; --verde-soft:#4A5C50; --ink: #20362A; --ink-soft: #4A5C50; --on-verde: #F5F1E8; } /* Paleta „Papier" — teplá pieskovo-zelená (zadal Marek 2026-07-25, #88). 7 hodnôt zo zadania namapovaných na tokeny; --accent-2/--verde-soft dopočítané. */ [data-theme="papier"] { --bg: #FCFBF8; /* Pozadie */ --bg-soft: #F3EFE8; /* Jemný teplý panel */ --surface: #E3EAE4; /* Jemný zelený panel */ --neutral: #E5E0D8; /* Hranice */ --accent-2: #7E4A2C; /* tmavší akcent pre hover (dopočítané z accentu) */ --accent: #9A5D38; /* CTA / akcent */ --verde: #30382D; /* tmavé bloky = hlavný text */ --verde-soft:#4A5647; /* svetlejšia tmavá (dopočítané) */ --ink: #30382D; /* Hlavný text */ --ink-soft: #685D54; /* Sekundárny text */ --on-verde: #F3EFE8; /* text na tmavej */ } :root { --font-body: 'Inter', system-ui, sans-serif; --font-head: 'Inter', system-ui, sans-serif; --font-accent: 'DM Serif Display', 'Fraunces', Georgia, serif; --maxw: 1120px; } /* ── ADMIN — sémantické stavové tokeny (--stc-*) ───────────────────────── Používa ich LEN admin (admin.css). Oddelené od premenných verejného webu, verejný web sa pri ich zmene nesmie vizuálne pohnúť (DESIGN.md 25). Roly: live = zelená (živé, nové, dohodnuté) · wait = horčica (čaká na odpoveď/rozhodnutie) · done = teplý neutrál (odložené, stratené, archív) · won = plná zelená (zákazník). Terakota v admine zostáva len mazaniu. Kontrast textu na výplni ≥ 4,5:1 (overené 2026-08-21). */ :root { --stc-live-bg: #DCE7DA; --stc-live-tx: #2C5838; --stc-live-line: #4F7C56; --stc-wait-bg: #EFE4C5; --stc-wait-tx: #6E551A; --stc-wait-line: #B3913F; --stc-done-bg: #E8E4DA; --stc-done-tx: #605F55; --stc-done-line: #C6C0B2; --stc-won-bg: #3B6B46; --stc-won-tx: #F7F4EF; --stc-link: #2F5D3A; }