/* misz-masz – kolory zależne od pory dnia (data-pora na , ustawiane przez pora.js). Każda para tekst/tło sprawdzana testem tests/motyw/kontrast.test.cjs (WCAG AA). */ :root { --granat: #2B1D4F; --zloty: #FFC247; --koral: #EF6A4C; --krem: #FFF4DF; --karta: #FFFDF8; --karta-tekst: #2B1D4F; --karta-muted: #5D4F75; --karta-akcent: #C2451F; --karta-linia: #EADCC4; --kupon-tlo: #EF6A4C; --kupon-tekst: #2B1D4F; --info-tlo: #2B1D4F; --info-tekst: #FFF4DF; --info-wyroznienie: #FFC247; --dost-jest: #1F7A4A; --dost-zamowienie: #A8461A; --glow: 255, 194, 71; } :root, [data-pora="poranek"] { --bg: #FFFAF2; --bg2: #FFE6B0; --sek: #FFF4DF; --text: #2B1D4F; --muted: #5D4F75; --akcent: #C2451F; --btn: #2B1D4F; --btn-text: #FFF4DF; --line: rgba(43, 29, 79, .12); } [data-pora="popoludnie"] { --bg: #3A1F45; --bg2: #6A3A5E; --sek: #4A2A55; --text: #FFF4DF; --muted: #F1D9E6; --akcent: #FF8F73; --btn: #FFC247; --btn-text: #2B1D4F; --line: rgba(255, 244, 223, .15); } [data-pora="wieczor"] { --bg: #1C1336; --bg2: #2B1D4F; --sek: #241946; --text: #FFF4DF; --muted: #DCD2F2; --akcent: #FF8F73; --btn: #FFC247; --btn-text: #2B1D4F; --line: rgba(255, 244, 223, .14); }