/* ============================================================================ VISIONIX design tokenek -- 1.1, 2026-08-18 Paletta: 1 · Fényelés. Teljes indoklás: az arculati kézikönyvben. A SZABÁLY, amiből minden konkrét döntés következik: HIDEG a tény (pala kék) · MELEG az ítélet (homoktól a vörösig) SEMLEGES a szerkezet (szürkék) Kérdés minden esetben: ez mérés, vagy vélemény? Betűk: store/brand/fonts/SourceSerif4.ttf és SourceSans3.ttf (SIL OFL 1.1). Beágyazhatók PDF-be, weboldalba, és átadhatók az ügyfélnek. ========================================================================= */ :root { /* --- felület ----------------------------------------------------------- */ --vx-paper: #F7F5F0; /* CMYK 0 1 3 3 · alap felület */ --vx-paper-raised: #FFFFFF; /* CMYK 0 0 0 0 · táblázat, kiemelt doboz*/ --vx-paper-sunken: #EEEAE2; /* CMYK 0 2 5 7 · halk háttér, zebracsík */ /* --- tinta és szerkezet ------------------------------------------------ */ --vx-ink: #17181B; /* 16,29:1 · cím, futószöveg, fejsáv */ --vx-ink-2: #3B3D43; /* 9,96:1 · bevezető, idézet */ --vx-ink-3: #6E6B66; /* 4,87:1 · felütés, képaláírás */ --vx-rule: #DED9D0; /* 1,41:1 · hajszálvonal, táblázat-sor */ --vx-rule-strong: #C7C1B6; /* 1,79:1 · szakaszhatár, kártya-keret */ /* VEZÉRLŐ-VONAL. A `rule`/`rule-strong` DEKORÁCIÓ: tagol és dobozol, nincs kontraszt-küszöbe. Ez a token az, amiről a látogató FELISMERI, hogy ott csinálhat valamit -- űrlapmező, chip, kapcsoló kerete. A WCAG 1.4.11 rá 3,0:1-et kér, és a fenti kettő 1,29 illetve 1,79 -- ezért kellett külön név, nem sötétebb `rule-strong`: egy sima színcsere MINDEN szakaszhatárt átfestene. (Skicc besorolása + Ada mérése, 2026-09-10.) A 3,52 a LEGROSSZABB felületre (paper-sunken) szól, nem a fehérre: a kézenfekvő #9E9380 fehéren 3,03, a papíron viszont 2,78 -- ott bukna. */ --vx-control-line: #857A66; /* 3,52:1 · űrlapmező, chip, kapcsoló kerete */ /* A CHIP-KITÖLTÉSEN ÜLŐ FELIRAT. Az érték itt A CHIP HÁTTERÉHEZ van mérve, nem a papírhoz -- és ez a lényeg, nem a hex. Az `--vx-ink-3` mellett 4,87:1 áll, de az A PAPÍRRA igaz; ugyanaz a szín a `--vx-rule` kitöltésen csak 3,78 (sötétben 3,84), tehát bukik. A token nem volt rossz: a HASZNÁLATA került másik háttérre, és a dokumentált szám vitte magával a hamis biztonságot. Ezért áll itt a háttér neve is. (Skicc döntése + Ada mérése, 2026-09-10. A címke 11 px / 600 -- nem nagy szöveg, tehát a 4,5 az irányadó.) */ --vx-ink-chip: #595650; /* 5,20:1 a --vx-rule (#DED9D0) chip-kitöltésen */ /* AZ INVERZ SÁVOK SAJÁT HOMOKJA -- A LAPPAL ELLENTÉTESEN FORDUL. A `--vx-homok` LAP-szintű: a lappal együtt fordul. A fejléc viszont INVERZ (`background: var(--vx-ink)`), tehát világos módban SÖTÉT a háttere és fordítva. Két fordulás KIOLTJA egymást: a háttér világosodik, és a szöveg is -- így esett a telefonszám 6,25-ről 1,50:1-re sötét módban. Nem az érték volt rossz, hanem a TENGELY, amin szabályozták. Ezért van saját tokenje, és ezért a FEJLÉC HÁTTERÉHEZ mérve áll itt a szám -- a `--vx-homok` melletti 2,61 a LAP felületére igaz, és az szöveg-küszöbnek amúgy is kevés: az a token soha nem volt szövegszín, a fejlécen csak a sötét háttér fedte el. (Skicc döntése + Ada mérése, 2026-09-10.) */ --vx-homok-fejlecen: #B69460; /* 6,25:1 a fejléc SÖTÉT hátterén (--vx-ink #17181B) */ /* AZ ELSŐDLEGES GOMB HOVERE. NEM FORDUL -- és pont ez a lényeg: a gomb a `.vxb-kivalasztas` INVERZ szakaszában ül, tehát a lap-szintű `--vx-record` itt nem használható. Az fordul (világosban #A00202, sötétben #E2585B), és a sötét változat fehér felirattal 3,63:1 -- bukik. Nem a felület fordul rosszul, hanem MAGA A TOKEN, miközben a gomb háttere (--vx-record-bright) nem: ezért állt az alapállapot mindkét módban, és ezért nem állt a hover. Fehér felirattal 8,39:1 MINDKÉT módban; a szakasz hátterétől 2,12 (világos) és 6,98 (sötét) -- vagyis sötétben a sötétebb hover JAVÍTJA az elkülönülést. (Skicc döntése + Ada visszamérése, 2026-09-10.) */ --vx-gomb-hover: #A00202; /* 8,39:1 fehér felirattal, mindkét módban */ /* --- a márka jele. Adagolva: oldalanként ~1% felület ------------------- */ --vx-record: #A00202; /* 7,70:1 · szakaszjel, hajszálvonal */ --vx-record-deep: #6B0303; /* 11,76:1 · vörös alapon szöveg */ --vx-record-bright: #C4262B; /* 5,27:1 · fejsáv-vonal, sötét alapon jel */ --vx-record-tint: #F2E2E1; /* kiemelő háttér, kis felületen */ /* --- HIDEG: tény, adat, folyamat --------------------------------------- */ --vx-pala-700: #1F4E8C; /* 7,63:1 · hivatkozás (szövegszínnek is jó)*/ --vx-pala-500: #35618F; /* 5,92:1 · folyamatábra, első adatsor */ /* --- MELEG: ítélet ------------------------------------------------------ */ --vx-homok: #B69460; /* 2,61:1 · második adatsor, figyelem */ /* FIGYELEM: szövegszínként SOHA. */ /* Rajta a tinta 6,25:1 -- az olvasható. */ --vx-success: #176146; /* 6,80:1 · kész, jóváhagyva (az egyetlen zöld) */ /* --- súlyossági skála. Szürke értékek: 189 / 152 / 86 / 30 ------------- */ --vx-sev-1: #C2BDB4; /* alacsony · rajta tinta */ --vx-sev-2: #B69460; /* közepes / figyelem · rajta tinta */ --vx-sev-3: #C4262B; /* magas · rajta papír */ --vx-sev-4: #5C0303; /* kritikus · rajta papír */ /* --- CSAK KÉPERNYŐRE. PDF-ben és nyomtatásban tilos -------------------- */ --vx-live: #FF1F2D; /* web, social CTA, videó alsó harmad */ /* papíron csak 3,51:1 -- ezért nem megy ki */ /* --- tipográfia -------------------------------------------------------- */ --vx-serif: "Source Serif 4", Charter, Georgia, serif; --vx-sans: "Source Sans 3", -apple-system, system-ui, sans-serif; --vx-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace; --vx-size-display: 2.6rem; /* borító · serif 700 · sortáv 1,06 */ --vx-size-h1: 1.95rem; /* szakaszcím · serif 700 · sortáv 1,16 */ --vx-size-lead: 1.12rem; /* bevezető · serif dőlt · ink-2 */ --vx-size-h2: 1rem; /* alcím · sans 600 */ --vx-size-body: 1rem; /* kenyér · sans 400 · sortáv 1,62 */ --vx-size-small: .8125rem; /* képaláírás · sans 400 · ink-2 */ --vx-size-eyebrow: .6875rem; /* felütés · sans 600 verzál, +0,14em */ --vx-measure: 66ch; /* futószöveg sorhossza: 60-70 karakter */ /* --- térköz-skála ------------------------------------------------------ */ --vx-s1: .25rem; --vx-s2: .5rem; --vx-s3: .75rem; --vx-s4: 1rem; --vx-s5: 1.5rem; --vx-s6: 2rem; --vx-s7: 3rem; --vx-s8: 4rem; --vx-s9: 6rem; } /* Sötét alapon (képernyő) a mély tónusok nem tartják a kontrasztot, ezért emelnek. NE invertáld őket gépiesen -- ezek mért értékek. */ @media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --vx-paper: #131316; --vx-paper-raised: #1B1B1F; --vx-paper-sunken: #0E0E10; --vx-ink: #EDEAE4; /* 15,45:1 */ --vx-ink-2: #B9B4AC; /* 9,00:1 */ --vx-ink-3: #8B867E; /* 5,13:1 */ --vx-rule: #2C2C31; --vx-rule-strong: #3E3E45; --vx-control-line: #727280; /* 3,63:1 sötét felületeken */ --vx-ink-chip: #A29D94; /* 5,15:1 a sötét --vx-rule (#2C2C31) kitöltésen */ /* ELLENTÉTESEN fordul: itt a fejléc háttere VILÁGOS (--vx-ink #EDEAE4), tehát a homoknak SÖTÉTEDNIE kell -- miközben minden más token világosodik. */ --vx-homok-fejlecen: #785B33; /* 5,23:1 a fejléc VILÁGOS hátterén (#EDEAE4) */ --vx-record: #E2585B; /* 5,10:1 -- a #A00202 itt csak 2,21:1 */ --vx-record-deep: #F08A8C; --vx-record-tint: #2A1618; --vx-pala-700: #7FA8DC; /* 7,54:1 */ --vx-pala-500: #7FA8DC; --vx-homok: #D9BE8A; /* 10,32:1 */ --vx-success: #5FA98A; /* 6,65:1 */ } } /* A betűk beágyazása. A fájlokat base64-be kell tenni, hogy a lap önhordó legyen (Artifact, e-mailbe ágyazott HTML, offline PDF). */ /* @font-face { font-family: "Source Serif 4"; src: url(data:font/ttf;base64,) format("truetype"); font-weight: 200 900; font-style: normal; } @font-face { font-family: "Source Sans 3"; src: url(data:font/ttf;base64,) format("truetype"); font-weight: 200 900; font-style: normal; } */