/* Canonical Default ERP palette, shared by staff and standalone pages. */
/* Operational tables/timelines reuse Default roles so a brand accent cannot
   impersonate an overdue order or a client/kit warning. */
/* ── CSS переменные тёмной темы ─────────────────────────── */
.dark-mode,
:root[data-theme="dark"],
:root[data-theme="dark"] .erp-operational-colors {
    color-scheme: dark;
    --erp-bg:           #161a1e;
    --erp-surface:      #1e2328;
    --erp-surface2:     #252b32;
    --erp-surface3:     #2c333b;
    --erp-field-bg:     #343a40;
    --erp-field-border: #6c757d;
    --erp-border:       rgba(255, 255, 255, 0.1);
    --erp-border-solid: #2e343c;
    --erp-dark-ink:     rgb(244, 244, 244);
    --erp-text:         var(--erp-dark-ink);
    --erp-text-muted:   rgba(255, 255, 255, 0.82);
    --erp-text-dim:     rgba(255, 255, 255, 0.45);
    --erp-link:         #4fc3f7;
    --erp-default-accent-fill: rgba(0, 177, 255, 1);
    --erp-accent:       var(--erp-link);
    --erp-accent-2:     #7c4dff;
    --erp-link-hover:   #81d4fa;
    --erp-accent-hover: var(--erp-link-hover);
    --erp-accent-bg:    rgba(79, 195, 247, 0.12);
    --erp-success:      #66bb6a;
    --erp-danger:       #ef5350;
    --erp-warning:      #ffa726;
    --erp-info:         #4fc3f7;
    --erp-violet:       #ce93d8;

    --erp-shadow-color: #000000;
    --erp-hover:        rgba(255, 255, 255, 0.06);
    --erp-icon-bg:      rgba(255, 255, 255, 0.08);
    --erp-shadow:       0 8px 32px rgba(0, 0, 0, 0.45);
}

/* ── Светлая тема (CSS переменные для единообразия) ────── */
/* Применяем к html, а не к body, чтобы html.dark-mode уже мог перекрыть их в <head> */
html:not(.dark-mode):not([data-theme="dark"]),
html:not(.dark-mode):not([data-theme="dark"]) .erp-operational-colors {
    color-scheme: light;
    --erp-info:         #17a2b8;
    --erp-violet:       #6a1b9a;

    --erp-shadow-color: #000000;
    --erp-bg:           #f4f6f9;
    --erp-surface:      #ffffff;
    --erp-surface2:     #f1f3f5;
    --erp-surface3:     #e9ecef;
    --erp-field-bg:     #ffffff;
    --erp-field-border: #ced4da;
    --erp-border:       #dee2e6;
    --erp-border-solid: #dee2e6;
    --erp-text:         #212529;
    --erp-text-muted:   #6c757d;
    --erp-text-dim:     #adb5bd;
    --erp-accent:       #0d8fd9;
    --erp-accent-2:     #6a4cff;
    --erp-accent-hover: #0b7bbf;
    --erp-accent-bg:    rgba(13, 143, 217, 0.1);
    --erp-success:      #28a745;
    --erp-danger:       #dc3545;
    --erp-warning:      #ffc107;
    --erp-hover:        rgba(0, 0, 0, 0.04);
    --erp-icon-bg:      rgba(0, 0, 0, 0.06);
    --erp-shadow:       0 4px 15px rgba(0, 0, 0, 0.08);
}