/* ════════════════════════════════════════════════════════════════════════ Brix — theme system (v0.15.0). FOUR selectable designs, chosen from a dropdown and stored per-user; applied as data-theme on : classy-light · classy-dark · modern-light · modern-dark A "design" is a BUNDLE — palette + shape + type + motion — not just colours. Загружава се ПРЕДИ page/app стиловете; те карат цветовете си оттук. Default (:root, no attribute) = classy-light (the logo-driven flagship). CSP blocks inline theme scripts → the default MUST live in CSS, not JS. ════════════════════════════════════════════════════════════════════════ */ /* ⚠⚠ ЦИФРИТЕ В КЛАСИЧЕСКИТЕ ДИЗАЙНИ (owner 31.07) ──────────────────────────── Georgia (и „Iowan Old Style", и Constantia) рисува СТАРИННИ цифри (oldstyle): 0 е на височина на малките букви, 3/4/5/7/9 висят под линията, 6/8 стърчат. Оплакването на собственика: „самата височина на цифрите се разминава" — при дребен кегел паричните суми стават неразчетими, а тултипът на графиката (той е на основния шрифт) показва как трябва да изглеждат. ⚠ ПРОВЕРЕНО НА ЖИВО, НЕ ПРЕДПОЛОЖЕНО (31.07, Chrome/Windows, screenshot в доклада): `font-variant-numeric: lining-nums` И `font-feature-settings:"lnum"` НЕ променят Georgia НИТО НА ПИКСЕЛ — шрифтът просто НЯМА lining набор. Затова минималният лек („оправи ги на място") отпада и цифрите минават на основния шрифт — точно както в модерните дизайни. ЗАГЛАВИЯТА НЕ СЕ ПИПАТ: серифът, който носи характера на „класическия" облик, се пази в `--display-font` (core3.css го дава на заглавния блок). ⚠ `--num-font` продължава да значи „шрифтът на ЧИСЛАТА" — не му слагай текст. */ /* ── CLASSY LIGHT (default) — graphite + platinum, brushed-metal logo ───────── */ :root, :root[data-theme="classy-light"]{ --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif; --num-font:var(--font); --display-font:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif; --design:classy; --ink:#191c20; --muted:#6f757c; --biz:#9aa1a9; --del:#b7bcc2; --line:#d9dbdf; --brand:#2b3037; --brand-2:#3a4046; --brand-d:#20242a; --brand-soft:#e5e8ea; --on-brand:#f5f6f7; --logo-shadow:rgba(20,24,28,.30); --green:#3f7d5c; --rose:#a5443c; --surface:#f7f8f9; --surface-2:#ffffff; --surface-3:#e9ebee; --surface-head:#eef0f2; --dash:#c6cace; --err-bg:#f8ece9; --err-line:#e4c2bc; --err-ink:#8f3a32; --shadow:0 1px 2px rgba(18,22,26,.05),0 10px 26px -18px rgba(18,22,26,.35); --app-bg:linear-gradient(180deg,#edeff1,#e6e8eb); --appbar-bg:linear-gradient(180deg,#2c3035,#181b1f); --appbar-ink:#e9ebed; --appbar-sub:#9aa1a9; --appbar-line:#0b0d0f; --metal:linear-gradient(180deg,#f4f5f6 0%,#cfd3d8 48%,#b9bec4 52%,#e2e6e9 100%); --radius:10px; --radius-lg:13px; --radius-pill:8px; --theme-color:#20242a; } /* ── CLASSY DARK — brushed metal on charcoal (matches the app icon) ─────────── */ :root[data-theme="classy-dark"]{ --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif; --num-font:var(--font); /* виж бележката за цифрите по-горе */ --display-font:Georgia,"Iowan Old Style","Palatino Linotype","Times New Roman",serif; --design:classy; --ink:#e9ebed; --muted:#899098; --biz:#767d85; --del:#4b5158; --line:#292d33; --brand:#d8dce0; --brand-2:#c3c8ce; --brand-d:#eef0f2; --brand-soft:#23272d; --on-brand:#15171a; --logo-shadow:rgba(0,0,0,.55); --green:#71b791; --rose:#d98a80; --surface:#181b1f; --surface-2:#1e2127; --surface-3:#23272d; --surface-head:#20242a; --dash:#3a3f46; --err-bg:#241412; --err-line:#4d2a25; --err-ink:#e0a99f; --shadow:0 1px 2px rgba(0,0,0,.4),0 12px 30px -18px rgba(0,0,0,.7); --app-bg:linear-gradient(180deg,#101215,#0b0d0f); --appbar-bg:linear-gradient(180deg,#1b1e22,#0c0e11); --appbar-ink:#eef0f2; --appbar-sub:#8b9299; --appbar-line:#000; --metal:linear-gradient(180deg,#f4f5f6 0%,#cfd3d8 48%,#b9bec4 52%,#e2e6e9 100%); --radius:10px; --radius-lg:13px; --radius-pill:8px; --theme-color:#0c0e11; } /* ── MODERN LIGHT — the original indigo look (kept as an option) ────────────── */ :root[data-theme="modern-light"]{ --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif; --num-font:var(--font); --design:modern; --ink:#0f172a; --muted:#64748b; --biz:#94a3b8; --del:#cbd5e1; --line:#e2e8f0; --brand:#6366f1; --brand-2:#8b5cf6; --brand-d:#4f46e5; --brand-soft:#eef0ff; --on-brand:#ffffff; --logo-shadow:rgba(99,102,241,.55); --green:#16a34a; --rose:#e11d48; --surface:#ffffff; --surface-2:#fbfcfe; --surface-3:#f1f5f9; --surface-head:#f8fafc; --dash:#c3cadb; --err-bg:#fff1f2; --err-line:#fecdd3; --err-ink:#9f1239; --shadow:0 10px 30px -12px rgba(2,6,23,.25),0 2px 6px -2px rgba(2,6,23,.08); --app-bg:radial-gradient(1100px 650px at 12% -8%,#e9edfb 0%,transparent 55%),radial-gradient(950px 550px at 108% 6%,#f1ecfe 0%,transparent 50%),linear-gradient(160deg,#f7f9fc,#eef1f7); --appbar-bg:var(--surface); --appbar-ink:var(--ink); --appbar-sub:var(--biz); --appbar-line:var(--line); --metal:linear-gradient(135deg,var(--brand),var(--brand-2)); --radius:14px; --radius-lg:16px; --radius-pill:999px; --theme-color:#6366f1; } /* ── MODERN DARK — the original warm "old bricks" look (kept as an option) ──── */ :root[data-theme="modern-dark"]{ --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,"Helvetica Neue",Arial,sans-serif; --num-font:var(--font); --design:modern; --ink:#efe3d6; --muted:#ad9684; --biz:#9c8470; --del:#5c4a3c; --line:#3a2a20; --brand:#d97a3d; --brand-2:#9a5230; --brand-d:#eb9a63; --brand-soft:#3a2415; --on-brand:#1c120b; --logo-shadow:rgba(217,122,61,.45); --green:#7fb38a; --rose:#e3815f; --surface:#221710; --surface-2:#1b120c; --surface-3:#2e211a; --surface-head:#241811; --dash:#4a382c; --err-bg:#2a1411; --err-line:#5e2a22; --err-ink:#f0a890; --shadow:0 10px 30px -12px rgba(0,0,0,.65),0 2px 6px -2px rgba(0,0,0,.45); --app-bg:radial-gradient(1100px 650px at 12% -8%,#2e1c10 0%,transparent 55%),radial-gradient(950px 550px at 108% 6%,#291710 0%,transparent 50%),linear-gradient(160deg,#171009,#1d130c); --appbar-bg:var(--surface); --appbar-ink:var(--ink); --appbar-sub:var(--biz); --appbar-line:var(--line); --metal:linear-gradient(135deg,var(--brand),var(--brand-2)); --radius:14px; --radius-lg:16px; --radius-pill:999px; --theme-color:#1d130c; } /* ── the brushed-metal wordmark: real logo shown only under CLASSY (it needs a dark ground). Under MODERN the old gradient logotype shows instead. ───── */ .brand-metal{display:none} :root[data-theme^="classy"] .brand-metal{display:inline-flex;align-items:center} :root[data-theme^="classy"] .brand-word, :root[data-theme^="classy"] .brand-logobox{display:none} /* the design picker