/* MotoChoice ERP – утверждённые токены дизайна борда. Дата: 2026-08-18. Подключается в index.css. Переменные --erp-* не перебивают shadcn, поэтому старые страницы не меняются. Темы V2: класс .dark / .light на . */ html.dark, html[data-theme="dark"] { --erp-bg: #0b0b0c; --erp-card: #181819; --erp-inner: #212124; --erp-hover: #232326; --erp-line: rgba(255, 255, 255, 0.08); --erp-line-2: rgba(255, 255, 255, 0.05); --erp-tx: #f2f2f4; --erp-mid: #9b9ba3; --erp-dim: #68686f; --erp-blue: #4c8dff; --erp-green: #3ecf8e; --erp-amber: #ffc442; --erp-orange: #ff8a4c; --erp-violet: #a78bfa; --erp-red: #ff5f57; --erp-teal: #4fd1c5; --erp-brand: #d24438; --erp-c-ilya: #ff8a4c; --erp-c-yuris: #4fd1c5; --erp-c-eu: #a78bfa; --erp-c-jp: #ff5f57; --erp-c-ok: #3ecf8e; --erp-c-way: #4c8dff; --erp-c-warn: #ffc442; --erp-c-bad: #ff5f57; --erp-c-neutral: #9b9ba3; --erp-bar-1: #75a9fb; --erp-bar-2: #699ff6; --erp-bar-3: rgba(62, 207, 142, 0.55); --erp-pill-on-bg: #f2f2f4; --erp-pill-on-tx: #141416; --erp-elev: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 1px 2px rgba(0, 0, 0, 0.5), 0 8px 24px -12px rgba(0, 0, 0, 0.7); --erp-elev-sm: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 2px rgba(0, 0, 0, 0.4); --erp-sheen: rgba(255, 255, 255, 0.022); --erp-wash: rgba(255, 255, 255, 0.04); --erp-edge-hi: rgba(255, 255, 255, 0.22); --erp-edge-lo: rgba(255, 255, 255, 0.045); --erp-hatch: rgba(255, 255, 255, 0.045); } html.light, html[data-theme="light"], html:not(.dark) { --erp-bg: #ececed; --erp-card: #ffffff; --erp-inner: #f4f4f6; --erp-hover: #f4f4f6; --erp-line: rgba(0, 0, 0, 0.09); --erp-line-2: rgba(0, 0, 0, 0.055); --erp-tx: #16161a; --erp-mid: #5f5f68; --erp-dim: #8b8b93; --erp-blue: #2f6fe4; --erp-green: #12a172; --erp-amber: #b07d09; --erp-orange: #dd6234; --erp-violet: #7856d6; --erp-red: #d94438; --erp-teal: #1c948b; --erp-brand: #d24438; --erp-c-ilya: #dd6234; --erp-c-yuris: #1c948b; --erp-c-eu: #7856d6; --erp-c-jp: #d94438; --erp-c-ok: #12a172; --erp-c-way: #2f6fe4; --erp-c-warn: #b07d09; --erp-c-bad: #d94438; --erp-c-neutral: #7d7d86; --erp-bar-1: #5b93ee; --erp-bar-2: #4f88e8; --erp-bar-3: rgba(18, 161, 114, 0.5); --erp-pill-on-bg: #16161a; --erp-pill-on-tx: #ffffff; --erp-elev: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 1px 2px rgba(16, 16, 20, 0.06), 0 10px 26px -14px rgba(16, 16, 20, 0.22); --erp-elev-sm: inset 0 1px 0 rgba(255, 255, 255, 0.85), 0 1px 2px rgba(16, 16, 20, 0.06); --erp-sheen: rgba(0, 0, 0, 0.012); --erp-wash: rgba(0, 0, 0, 0.035); --erp-edge-hi: rgba(0, 0, 0, 0.16); --erp-edge-lo: rgba(0, 0, 0, 0.05); --erp-hatch: rgba(0, 0, 0, 0.05); } :root { --erp-radius: 24px; --erp-radius-2: 16px; --erp-radius-3: 12px; --erp-radius-pill: 999px; --erp-gap: 14px; --erp-pad-page: 14px; --erp-sidebar: 238px; --erp-sidebar-collapsed: 76px; --erp-font: "Geist", ui-sans-serif, system-ui, sans-serif; --erp-font-mono: "Geist Mono", ui-monospace, monospace; --erp-tracking: -0.011em; } /* Карточка: заливка почти сливается с фоном, отрывает градиентная рамка. */ .erp-card { border: 1px solid transparent; border-radius: var(--erp-radius); box-shadow: var(--erp-elev); background: linear-gradient(180deg, var(--erp-sheen), transparent 46%) padding-box, linear-gradient(var(--erp-card), var(--erp-card)) padding-box, linear-gradient(155deg, var(--erp-edge-hi), var(--erp-edge-lo) 46%) border-box; } .erp-pill { display: flex; background: var(--erp-card); border: 1px solid var(--erp-line); border-radius: var(--erp-radius-pill); padding: 3px; box-shadow: var(--erp-elev-sm); }