/* ========================================================================= theme_a.css — ОМК-Строй. Концепция A (светлая классическая) — АЛЬТЕРНАТИВА. Подключается в templates/base_new.html ДО design-system.css, после theme_b.css. Переключается ThemeSwitcher на (localStorage app_theme='a'). Под блоки design-system.css [data-theme="light"] НЕ применяются (атрибут = "a", не "light") → bridge задаёт ПОЛНУЮ светлую палитру: - токены Концепции A (по спеке) - БРИДЖ на ВСЕ существующие имена design-system.css (включая алиасы, выраженные через var(): --bg-card/--color-text/--accent-primary/--color-success…), чтобы готовые страницы перекрасились в светлую тему без правок шаблонов. Компоненты НЕ дублируем — они общие и живут в theme_b.css (загружается раньше). ========================================================================= */ :root[data-theme="a"] { /* Фоны */ --bg-base: #f4f5f7; --bg-surface: #ffffff; --bg-surface-2: #f0f2f5; --bg-surface-3: #e6e9ee; --bg-card: #ffffff; --bg-hover: #f0f2f5; /* Акцентный цвет — корпоративный синий */ --accent: #2563eb; --accent-hover: #1d4ed8; --accent-muted: rgba(37, 99, 235, 0.10); --accent-border: rgba(37, 99, 235, 0.30); /* Текст */ --text-primary: #1e293b; --text-secondary: #64748b; --text-muted: #94a3b8; --text-inverse: #ffffff; /* Статусы */ --color-success: #16a34a; --color-success-bg: rgba(22, 163, 74, 0.10); --color-warning: #d97706; --color-warning-bg: rgba(217, 119, 6, 0.10); --color-danger: #dc2626; --color-danger-bg: rgba(220, 38, 38, 0.10); --color-info: #2563eb; --color-info-bg: rgba(37, 99, 235, 0.10); --color-purple: #9333ea; --color-purple-bg: rgba(147, 51, 234, 0.10); /* Границы */ --border: #e2e8f0; --border-strong: #cbd5e1; --border-accent: rgba(37, 99, 235, 0.40); /* Тени */ --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06); --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08); --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12); /* Радиусы */ --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px; /* Сайдбар */ --sidebar-bg: #1e293b; --sidebar-width: 240px; --sidebar-text: #94a3b8; --sidebar-text-active: #ffffff; --sidebar-item-active: rgba(59, 130, 246, 0.18); --sidebar-item-active-border: #3b82f6; --topbar-bg: #ffffff; --topbar-border: #e2e8f0; /* Типографика */ --font-ui: 'Inter', -apple-system, sans-serif; --font-mono: 'JetBrains Mono', 'Fira Code', monospace; /* Отступы */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; /* Анимации */ --transition: 160ms cubic-bezier(0.16, 1, 0.3, 1); /* ---------- БРИДЖ → существующие токены design-system.css (Концепция A) ---------- */ /* Фоны/поверхности (полная палитра — [data-theme="light"] НЕ сработает под "a"). */ --bg-elevated: #ffffff; --bg-overlay: #f0f2f5; --bg-highlight: #e6e9ee; --bg-card-hover: #f0f2f5; --bg-input: #ffffff; /* Сайдбар */ --sidebar-border: rgba(255, 255, 255, 0.08); --sidebar-item-hover: rgba(255, 255, 255, 0.06); --sidebar-accent: #3b82f6; /* Топбар */ --topbar-height: 56px; /* Акценты (цвет + фон) */ --accent-blue: #2563eb; --accent-blue-bg: rgba(37, 99, 235, 0.10); --accent-green: #16a34a; --accent-green-bg: rgba(22, 163, 74, 0.10); --accent-orange: #d97706; --accent-orange-bg: rgba(217, 119, 6, 0.10); --accent-red: #dc2626; --accent-red-bg: rgba(220, 38, 38, 0.10); --accent-purple: #9333ea; --accent-purple-bg: rgba(147, 51, 234, 0.10); --accent-yellow: #ca8a04; --accent-yellow-bg: rgba(202, 138, 4, 0.10); /* Статусы (цвет + фон) */ --status-success: #16a34a; --status-success-bg: rgba(22, 163, 74, 0.10); --status-warning: #d97706; --status-warning-bg: rgba(217, 119, 6, 0.10); --status-error: #dc2626; --status-error-bg: rgba(220, 38, 38, 0.10); --status-info: #2563eb; --status-info-bg: rgba(37, 99, 235, 0.10); --status-neutral: #64748b; --status-neutral-bg: rgba(100, 116, 139, 0.10); /* Границы */ --border-subtle: #eef2f6; --border-default: #e2e8f0; --border-strong: #cbd5e1; --border-focus: #2563eb; }