/** * AdsZilla design system — единственный источник значений цветов, радиусов, теней. * Тема: data-theme на , ключ localStorage.theme (light | dark). */ :root, [data-theme='light'] { --ds-primary: #2563eb; --ds-primary-light: #3b82f6; --ds-primary-dark: #1d4ed8; --ds-accent: #10b981; --ds-accent-light: #34d399; --ds-warning: #f59e0b; --ds-danger: #ef4444; --ds-bg: #f8fafc; --ds-surface: #ffffff; --ds-surface-elevated: #ffffff; --ds-text: #0f172a; --ds-text-muted: #64748b; --ds-text-tertiary: #94a3b8; --ds-border: rgba(148, 163, 184, 0.2); --ds-nav-bg: rgba(248, 250, 252, 0.7); --ds-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --ds-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --ds-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --ds-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --ds-radius: 16px; --ds-radius-lg: 24px; --ds-radius-xl: 32px; --ds-nav-height: 64px; /* Legacy inline на лендинге (A4); не добавлять новые — только --ds-* */ --surface: var(--ds-surface); --radius: var(--ds-radius); --text-secondary: var(--ds-text-muted); } [data-theme='dark'] { --ds-bg: #0f172a; --ds-surface: #1e293b; --ds-surface-elevated: #334155; --ds-text: #f1f5f9; --ds-text-muted: #94a3b8; --ds-text-tertiary: #64748b; --ds-border: rgba(148, 163, 184, 0.1); --ds-nav-bg: rgba(15, 23, 42, 0.7); --ds-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.3); --ds-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4); --ds-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4); --ds-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.5); }