/* ============================================ EM43 Theme — ЕДИНСТВЕННЫЙ источник токенов. Все цвета, отступы, радиусы, тени и переходы — только здесь. Компоненты используют var(--...). ============================================ */ /* ----- Светлая тема (по умолчанию) ----- */ :root { /* Бренд */ --primary: #0284C7; --primary-hover: #0369A1; --primary-soft: rgba(2, 132, 199, .08); /* алиасы для обратной совместимости */ --accent: #0284C7; --accent-hover: #0369A1; --accent-light: rgba(2, 132, 199, .08); --mpark: #0284C7; /* Поверхности */ --bg: #F4F7FA; --bg-page: #F4F7FA; --surface: #FFFFFF; --bg-card: #FFFFFF; --bg-header: #FFFFFF; --surface-raised: #FFFFFF; --surface-hover: #F1F5F9; --bg-sidebar: #0F172A; /* Текст */ --text: #0F172A; --text-primary: #0F172A; --text-secondary: #475569; --text-muted: #94A3B8; --text-on-sidebar: #E2E8F0; --text-on-sidebar-active: #FFFFFF; /* Границы */ --border: #DCE3EA; --border-light: #F1F5F9; /* Маркеры стран */ --china: #D95C60; --korea: #3977D6; /* Семантика */ --success: #16A34A; --success-hover: #15803D; --warning: #D97706; --danger: #DC2626; --danger-hover: #B91C1C; --secondary: #6B7280; --secondary-hover: #4B5563; /* Тени */ --shadow-sm: 0 1px 2px rgba(0,0,0,0.04); --shadow-md: 0 4px 12px rgba(0,0,0,0.06); --shadow-lg: 0 8px 24px rgba(0,0,0,0.08); /* Радиусы */ --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; /* Отступы */ --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; /* Типографика */ --fs-xs: 12px; --fs-sm: 14px; --fs-md: 16px; --fs-lg: 20px; --fs-xl: 24px; /* Прочее */ --transition: 0.2s ease; --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; } /* ----- Тёмная тема (класс на ) ----- */ [data-theme="dark"] { --primary: #38BDF8; --primary-hover: #60A5FA; --primary-soft: rgba(56, 189, 248, .12); --accent: #38BDF8; --accent-hover: #60A5FA; --accent-light: rgba(56, 189, 248, .12); --mpark: #38BDF8; --bg: #0B1120; --bg-page: #0B1120; --surface: #111827; --bg-card: #111827; --bg-header: #111827; --surface-raised: #172033; --surface-hover: #1D293D; --bg-sidebar: #0B1120; --text: #F1F5F9; --text-primary: #F1F5F9; --text-secondary: #94A3B8; --text-muted: #64748B; --text-on-sidebar: #E2E8F0; --text-on-sidebar-active: #FFFFFF; --border: #243247; --border-light: #172033; --china: #F08080; --korea: #6EA8FE; --success: #22C55E; --success-hover: #16A34A; --warning: #F59E0B; --danger: #EF4444; --danger-hover: #DC2626; --secondary: #94A3B8; --secondary-hover: #64748B; --shadow-sm: 0 1px 2px rgba(0,0,0,0.3); --shadow-md: 0 4px 12px rgba(0,0,0,0.4); --shadow-lg: 0 8px 24px rgba(0,0,0,0.5); }