/* GENEROVANO z weby\_design\tokens.css skriptem weby\_design\synchronizuj.ps1. Negenerovat rucne, needitovat: zmenu udelej v _design a spust synchronizuj.ps1. */ /* Aureality: jeden zdroj vzhledu (tokeny --au-*). ZDROJ JE JEN TENTO SOUBOR: weby\_design\tokens.css. Do webů ho kopíruje weby\_design\synchronizuj.ps1 jako \design\tokens.css (s hlavičkou „negenerovat ručně“). Hodnoty jsou odvozené z nejpoužívanějších barev webů k 2. 11. 2026 (kit.css, site.css, app.css), vzhled se jimi nemění. Dvě vrstvy: 1) PALETA: pevné barvy, nemění se s motivem. Weby je používají místo natvrdo zapsaných hex hodnot. Grafický manuál = změnit hodnoty tady, spustit synchronizuj.ps1, nasadit weby. 2) ROLE: barvy podle motivu (tmavý výchozí, světlý = data-au-theme="light" nebo data-theme="light" na ). Pro nový kód; staré weby mají role zatím ve vlastních --ax-*, které ukazují na paletu. Značka: weby\_design\znacka\ikona.svg (favicon, kostka) a logo.svg (kolo, bílé linky); v webu design\znacka\. */ :root { /* ---------- paleta: modrá (hlavní) ---------- */ --au-blue: #2563EB; /* tlačítka, výplně; nikdy text na tmavém */ --au-blue-hi: #2F6EF0; /* hover tlačítka */ --au-blue-500: #3B7BF5; --au-blue-700: #1D4ED8; /* odkaz ve světlém motivu */ --au-blue-750: #1E4FD8; /* logo, zvýraznění světlého motivu .info */ --au-blue-800: #1B46C4; /* zvýraznění ve světlém motivu */ --au-sky: #8DBBFF; /* zvýraznění, fokus, „světlo“ v tmavém motivu */ --au-sky-link: #7FB0FF; /* odkaz v tmavém motivu */ --au-sky-logo: #6EA8FF; --au-sky-pale: #BFD7FF; /* ---------- paleta: akcent (jen malé tečky a značky) ---------- */ --au-red: #D40000; /* ---------- paleta: neutrální, tmavé ---------- */ --au-black: #000000; --au-ink-975: #05070B; --au-ink-950: #07090D; /* pozadí, scéna */ --au-ink-900: #0E1116; /* pole, vedlejší tlačítka */ --au-ink-880: #0F141A; --au-ink-870: #11161C; --au-ink-850: #151920; /* panely */ --au-ink-800: #1A2129; --au-ink-750: #232C36; --au-ink-700: #262C36; /* linky */ --au-ink-600: #3F4954; /* ---------- paleta: neutrální, střední a světlé ---------- */ --au-gray-600: #566372; --au-gray-500: #7F8A96; --au-gray-400: #A4ADBA; /* tlumený text v tmavém motivu */ --au-gray-300: #C0CAD4; --au-gray-250: #C9D1DC; --au-mist: #C7CEDA; /* úvodní text přes obraz */ --au-gray-100: #E3E7EB; --au-gray-75: #EEF0F3; --au-gray-50: #F3F5F7; --au-snow: #F5F7FB; /* text v tmavém motivu */ --au-white: #FFFFFF; /* ---------- paleta: světlý motiv ---------- */ --au-paper: #D7DCE2; /* pozadí */ --au-paper-alt: #CBD1D8; --au-paper-panel: #E6E9ED; --au-paper-line: #AEB6C0; --au-ink-text: #141920; /* text */ --au-slate: #4B5563; /* tlumený text */ /* ---------- paleta: stavy ---------- */ --au-green: #5FD3A8; --au-green-pale: #7FE3B4; --au-green-dark: #0F6B4B; --au-green-deep: #0B5C3F; --au-amber: #F2C46D; --au-amber-dark: #7A4E00; --au-amber-deep: #6E4500; --au-coral: #FF9A8A; --au-coral-pale: #FFAAA2; --au-red-dark: #B3261E; --au-red-deep: #A81F18; /* ---------- role (tmavý motiv, výchozí) ---------- */ --au-bg: var(--au-ink-950); --au-alt: var(--au-ink-900); --au-panel: var(--au-ink-850); --au-line: var(--au-ink-700); --au-text: var(--au-snow); --au-muted: var(--au-gray-400); --au-button: var(--au-blue); --au-button-hi: var(--au-blue-hi); --au-on-button: var(--au-white); --au-link: var(--au-sky-link); --au-hi: var(--au-sky); --au-accent: var(--au-red); --au-good: var(--au-green); --au-warn: var(--au-amber); --au-bad: var(--au-coral); /* ---------- písmo ---------- */ --au-font: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --au-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; --au-weight: 400; --au-weight-strong: 500; /* písmo značky (manuál 0.98, výběr B): soubory a @font-face v pisma.css a pisma\; na webech je zapíná pisma-web.css (přepíše --au-font na --au-pismo-text). Záloha F: --au-pismo-text: var(--au-pismo-nadpis) (Comfortaa i na text). */ --au-pismo-nadpis: "Comfortaa", "Outfit", system-ui, sans-serif; /* nadpisy, váha 600 */ --au-pismo-menu: "Comfortaa", "Outfit", system-ui, sans-serif; /* menu a tlačítka, váha 600 */ --au-pismo-text: "Urbanist", "Outfit", system-ui, sans-serif; /* běžný text, váha 400 */ --au-pismo-text-prostrkani: .02em; --au-pismo-nadpis-vaha: 600; --au-pismo-menu-vaha: 600; --au-pismo-text-vaha: 400; /* ---------- velikosti písma (nejčastější) ---------- */ --au-fs-xs: 12px; --au-fs-sm: 14px; --au-fs: 16px; --au-fs-md: 18px; --au-fs-lg: 24px; --au-lh: 1.55; /* ---------- tvar ---------- */ --au-r-sm: 8px; --au-r: 12px; --au-r-lg: 16px; --au-pill: 999px; --au-shadow: 0 20px 60px rgba(0, 0, 0, .5); --au-blur: blur(10px); --au-target: 44px; /* nejmenší cíl dotyku */ /* ---------- linky a karty (linky.css, manuál 0.96); zatím je žádný web nepoužívá ---------- */ --au-linka-barva: var(--au-sky); /* modrá linky */ --au-linka-barva-2: var(--au-blue); /* druhá modrá u pohybu */ --au-linka-silna: 3px; /* D, kóta vlevo */ --au-linka-stredni: 2px; /* C, linka nahoře */ --au-linka-tenka: 1px; /* část za schodem */ --au-linka-schod: 58%; /* D: kde silná přejde v tenkou */ --au-linka-odsazeni: 20px; /* C: začátek u textu */ --au-linka-delka: 42%; /* C: silná část */ --au-linka-dobeh: 28%; /* C: tenká část; zbytek do kraje zůstane prázdný */ --au-linka-slaba-kryti: .55; /* krytí tenké části */ --au-karta-pozadi: var(--au-panel); --au-karta-ramecek: var(--au-line); --au-karta-roh: 3px; /* kraj karet rovný (pravidlo) */ /* ---------- tlačítka (tlacitka.css, manuál 0.97); zatím je žádný web nepoužívá ---------- */ --au-tl-hlavni: var(--au-blue); /* hlavní akce: modrá plná, jedna na obrazovku */ --au-tl-hlavni-hi: var(--au-blue-hi); --au-tl-hlavni-text: var(--au-white); --au-tl-obrys: var(--au-ink-600); /* vedlejší: obrys */ --au-tl-obrys-hi: var(--au-sky); --au-tl-karta: var(--au-ink-870); /* vedlejší: tmavá karta s modrou linkou */ --au-tl-tiche: var(--au-sky); /* tiché: jen text */ --au-tl-nebezpeci: var(--au-coral); /* nebezpečné: jen akcent, žádná plocha */ --au-tl-fokus: var(--au-sky); --au-tl-vypnuto: .45; --au-tl-roh: 3px; --au-tl-odsazeni: 18px; --au-tl-pismo: 16px; --au-karta-oblouk: 14px; /* .au-oblouk: výjimka (maskot, bublina průvodce, kulaté tlačítko ikony) */ /* ---------- značka (cesty vůči tomuto souboru) ---------- */ --au-ikona: url("znacka/ikona.svg"); --au-logo: url("znacka/logo.svg"); } /* ---------- role: světlý motiv ---------- */ :root[data-au-theme="light"], :root[data-theme="light"] { --au-bg: var(--au-paper); --au-alt: var(--au-paper-alt); --au-panel: var(--au-paper-panel); --au-line: var(--au-paper-line); --au-text: var(--au-ink-text); --au-muted: var(--au-slate); --au-link: var(--au-blue-700); --au-hi: var(--au-blue-800); --au-good: var(--au-green-dark); --au-warn: var(--au-amber-dark); --au-bad: var(--au-red-dark); --au-linka-barva: var(--au-blue-750); /* #1E4FD8: linky ve světlém motivu (světlá #8DBBFF měla jen 1,4 až 1,6 : 1) */ --au-tl-obrys: var(--au-paper-line); /* tlačítka ve světlém motivu */ --au-tl-obrys-hi: var(--au-blue-750); --au-tl-karta: var(--au-paper-panel); --au-tl-tiche: var(--au-blue-700); --au-tl-nebezpeci: var(--au-red-dark); --au-tl-fokus: var(--au-blue-750); } /* ---------- NÁVRH, NEAKTIVNÍ (2. 11. 2026, grafika\REVIZE-ZNACKY.md, oddíl 5): dvě hladiny pozadí tmavého motivu ---------- Plocha a menu jedna barva, karta o stupeň světlejší. Zapnout až po schválení: odkomentovat a v tmavých rolích nahradit --au-bg, --au-alt a --au-panel (alt a panel se sloučí do jedné karty), pak synchronizuj.ps1. Kontrast podle revize: text #F5F7FB 18,6 / 16,9 (plocha / karta), modrá loga #6EA8FF 8,3 / 7,5, červený bod 3,6 / 3,3. :root { --au-noc-plocha: #07090D; Modrá noc (výchozí): weby, aplikace, tablet, TV --au-noc-karta: #11161C; --au-noc-linka: #262C36; --au-cerna-plocha: #000000; Čistá černá: hodinky vždy, jinde přepínač a úsporný režim --au-cerna-karta: #0B0D11; --au-cerna-linka: #1A2129; } :root[data-au-hladina="cerna"] { --au-bg: var(--au-cerna-plocha); --au-alt: var(--au-cerna-karta); --au-panel: var(--au-cerna-karta); --au-line: var(--au-cerna-linka); } ---------- konec návrhu ---------- */