/* * Beat News — токены дизайна (обе темы) и токены движения. * Источник: canon/Design_Tokens_BeatNews.md §1 (цвет/радиусы/шрифты, ДОСЛОВНО из эскиза) * и §2 (сводка токенов движения). Правки контракта — только через владельца (C6). * Три состояния темы: без выбора — prefers-color-scheme; явный выбор — data-theme на . */ :root{ --bg:#f5f5f7;--surface:#ffffff;--surface-2:#ececef;--border:#e2e2e6;--text:#1d1d1f;--text-2:#6d6d72;--text-3:#8e8e93; --accent:#4f6ef7;--accent-light:#eef1fe;--on-accent:#fff;--ai:#cf4a7d;--ai-light:#fbe9f0; --shadow:0 1px 2px rgba(20,20,40,.06),0 8px 24px rgba(20,20,40,.08); --glass:rgba(255,255,255,.72);--glass-edge:rgba(255,255,255,.55); --c-work:#4f6ef7;--c-study:#2a9d8f;--c-home:#e0a11b;--c-art:#c2519a;--c-play:#e76f51;--c-sci:#3b7dd8;--c-gadget:#6a5acd;--c-agent:#cf4a7d;--c-weird:#f4a261;--c-top:#1d1d1f; --r-s:10px;--r-m:14px;--r-l:18px;--r-xl:24px; --display:'Unbounded',system-ui,sans-serif;--body:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; /* Токены движения (§2): .12–.15s, именованные свойства; prefers-reduced-motion — в base.css */ --dur-fast:.12s; --dur-base:.15s; --ease-pop:cubic-bezier(.22,.72,.24,1); --pop-in:.56s; --pop-out:.21s; --overlay:.28s; } @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){ --bg:#1e1e1e;--surface:#252525;--surface-2:#2c2c2e;--border:#3a3a3e;--text:#ececef;--text-2:#a1a1a6;--text-3:#7c7c82; --accent:#6b8aff;--accent-light:#2a2f45;--ai:#f0a8c4;--ai-light:#3a2230;--c-top:#ececef; --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--glass:rgba(37,37,37,.72);--glass-edge:rgba(255,255,255,.12);}} [data-theme="dark"]{ --bg:#1e1e1e;--surface:#252525;--surface-2:#2c2c2e;--border:#3a3a3e;--text:#ececef;--text-2:#a1a1a6;--text-3:#7c7c82; --accent:#6b8aff;--accent-light:#2a2f45;--ai:#f0a8c4;--ai-light:#3a2230;--c-top:#ececef; --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);--glass:rgba(37,37,37,.72);--glass-edge:rgba(255,255,255,.12);}