/* ---- Alternatív színvilágok ------------------------------------------------ Minden paletta ugyanazt a jelentés-alapú tokenkészletet írja felül, amit a style.css :root blokkja definiál — a szerkezet, tipográfia és elrendezés érintetlen marad. Aktiválás: (a script.js a ?theme= paraméterből és a localStorage-ból is beállítja). A tokenek szerepe: --cream oldal háttér --deep sötét sávok háttere (fehér szöveggel) --card fehér kártya --deepest legsötétebb gradiens-vég --paper étlap-lap --night lábléc --tint üres kép helye --water tó illusztráció --mint lágy színes sáv --orange kiemelés világos felületen --ink törzsszöveg --yellow kiemelés sötéten + gomb háttér --menu-* a „Kínálat” színes sáv saját szerepkészlete Fontos megkötés: --deep / --deepest / --night mindig elég sötét a fehér szöveghez, és a --yellow gombokon a --deep felirat olvasható marad. A --menu-plate-blend a fotó nélküli fogások helykitöltő képére vonatkozik: az egyetlen, világos kék kép sötét sávon hangosabb lenne a valódi fotóknál, ezért ott „soft-light”, világos sávon marad „normal”. -------------------------------------------------------------------------- */ /* 1. Éjkék — sötét, esti hangulat, sárgaréz kiemeléssel. */ [data-theme="ejszaka"] { --ink: #e7eff5; --on-ink: #0d1720; --cream: #0d1720; --card: #16232f; --paper: #14212c; --tint: #16242f; --mint: #142734; --deep: #071019; --deepest: #040a11; --night: #02060a; --water: #10364d; --orange: #f5c451; --yellow: #f0b429; --on-accent: #0d1720; --muted: #9db3c3; --muted-strong: #b8c9d6; --on-dark: #b9cddb; --on-dark-2: #cfe0ec; --on-dark-3: #93aec1; --footer-muted: #6f8798; --menu-bg: #122a3b; --menu-ink: #e7eff5; --menu-strong: #f0b429; --menu-muted: #a6bccb; --menu-heading: #ffffff; --menu-plate-blend: soft-light; } /* 2. Világos homok — világosabb, meleg, tópart-délelőtt. */ [data-theme="homok"] { --ink: #2f3a44; --on-ink: #fbf7f0; --cream: #fbf7f0; --card: #ffffff; --paper: #ffffff; --tint: #f2ece1; --mint: #ecdfcb; --deep: #33505f; --deepest: #24404e; --night: #1e3543; --water: #6f9bb3; --orange: #a4552c; --yellow: #f2c96b; --on-accent: #2f3a44; --muted: #5d6b77; --muted-strong: #4d5b66; --on-dark: #dbe6ec; --on-dark-2: #e8f0f5; --on-dark-3: #bccdd8; --footer-muted: #94a7b3; --menu-bg: #e3d3ba; --menu-ink: #33404a; --menu-strong: #713d1c; --menu-muted: #574a3b; --menu-heading: #33505f; } /* 3. Nádas — a tó zöld oldala, borostyán kiemeléssel. */ [data-theme="nadas"] { --ink: #1f3a2e; --on-ink: #f7faf4; --cream: #eef2ea; --card: #ffffff; --paper: #f7faf4; --tint: #e2ebdc; --mint: #c4d9c2; --deep: #123527; --deepest: #0b2419; --night: #071a12; --water: #2f6b52; --orange: #8c5715; --yellow: #e0b354; --on-accent: #1f3a2e; --muted: #55705f; --muted-strong: #35523f; --on-dark: #cfe3d5; --on-dark-2: #dcecdf; --on-dark-3: #a9c6b3; --footer-muted: #82a08c; --menu-bg: #6b9765; --menu-ink: #14291f; --menu-strong: #0c2419; --menu-muted: #0e2416; --menu-heading: #ffffff; } /* 4. Terrakotta — agyag és füstölt paprika, teljesen kék nélkül. */ [data-theme="terrakotta"] { --ink: #3b2a24; --on-ink: #f7efe8; --cream: #f7efe8; --card: #fffaf6; --paper: #fffaf6; --tint: #f0e0d4; --mint: #f0cdb4; --deep: #46231c; --deepest: #2f1611; --night: #23100c; --water: #8a4a34; --orange: #a0451f; --yellow: #f0a35e; --on-accent: #3b2a24; --muted: #7d635a; --muted-strong: #5b443c; --on-dark: #f0d9cd; --on-dark-2: #f7e7dd; --on-dark-3: #d3b3a3; --footer-muted: #b0897a; --menu-bg: #d9784a; --menu-ink: #2c1e19; --menu-strong: #3c1c16; --menu-muted: #33201b; --menu-heading: #ffffff; } /* 5. Bordó & arany — borvidéki, ünnepibb; itt a Kínálat sáv is sötét. */ [data-theme="bordo"] { --ink: #33191c; --on-ink: #f6f0ee; --cream: #f6f0ee; --card: #fffbfa; --paper: #fffbfa; --tint: #ece0dd; --mint: #e6cfc9; --deep: #3d1119; --deepest: #290a11; --night: #1c060b; --water: #6e2733; --orange: #97303f; --yellow: #d9a441; --on-accent: #33191c; --muted: #7a5b5e; --muted-strong: #573c40; --on-dark: #ecd3cf; --on-dark-2: #f4e2df; --on-dark-3: #cba7a4; --footer-muted: #a67f7c; --menu-bg: #5c1a26; --menu-ink: #f2e3df; --menu-strong: #d9a441; --menu-muted: #c9a9a4; --menu-heading: #ffffff; --menu-plate-blend: soft-light; }