/* Подключается после common.css; тема задаётся через data-theme на <html>
   Тёмная тема наследует неизменённые значения; палитру генерирует tailwind.palette.cjs */
:root {
    color-scheme: light;

    --np-foreground: var(--np);
    --light_np: #ebf3fd;
    --secondary_np: #ff5a1f;

    --em-foreground: var(--em);
    --light_em: #f2faf3;
    --secondary_em: #7e3af2;

    --warn_np: #ff7a00;
    --light_warn_np: #fff3e8;
    --warn_em: #f59e0b;
    --light_warn_em: #fffbeb;

    /* Яркость 0–100 меняет нейтральные фоны, но не текст и фирменные цвета */
    --surface-page: rgb(
        calc(240 + var(--white-intensity, 100) * 0.15) calc(240 + var(--white-intensity, 100) * 0.15)
            calc(240 + var(--white-intensity, 100) * 0.15)
    );
    --surface-rgb: calc(245 + var(--white-intensity, 100) * 0.1) calc(245 + var(--white-intensity, 100) * 0.1)
        calc(245 + var(--white-intensity, 100) * 0.1);
    --surface-card: rgb(var(--surface-rgb));
    --surface-overlay: var(--surface-card);
    --surface-input: var(--surface-card);
    --surface-hover: rgb(
        calc(233 + var(--white-intensity, 100) * 0.1) calc(234 + var(--white-intensity, 100) * 0.1)
            calc(236 + var(--white-intensity, 100) * 0.1)
    );
    --surface-disabled: var(--surface-hover);
    --surface-toolbar: #ecf0f1;

    --text-primary: #1e1e1e;
    --text-primary-rgb: 30 30 30;
    --text-secondary: #6b7280;
    --text-disabled: #9ca3af;
    --border-default: #e5e7eb;
    --border-strong: #d1d5db;
    --control-accent: #15803d;
    --control-selected-bg: #f0fdf4;
    --control-track: #d1d5db;

    --status-error: #dc2626;
    --status-error-bg: #fef2f2;
    --status-warning: #b45309;
    --status-warning-bg: #fffbeb;
    --status-success: #15803d;
    --status-success-bg: #f0fdf4;
    --status-info: #1d4ed8;
    --status-info-bg: #eff6ff;
}