/**
 * Tema visual del sistema — editar aquí para cambiar colores globales.
 */
:root {
    --color-primary: #2563eb;
    --color-primary-dark: #1d4ed8;
    --color-primary-light: #3b82f6;

    --color-sidebar-from: #0f172a;
    --color-sidebar-mid: #1e293b;
    --color-sidebar-to: #0f172a;

    --color-accent: #38bdf8;
    --color-accent-strong: #7dd3fc;
    --color-accent-muted: rgba(56, 189, 248, 0.55);
    --color-accent-subtle: rgba(37, 99, 235, 0.14);
    --color-accent-border: rgba(56, 189, 248, 0.45);

    --color-bg-page: #f1f5f9;
    --color-bg-panel: #ffffff;
    --color-border: #e2e8f0;
    --color-border-input: #cbd5e1;

    --color-text: #0f172a;
    --color-text-secondary: #334155;
    --color-text-muted: #64748b;
    --color-text-label: #475569;

    --color-table-header: #1e293b;
    --color-table-row-alt: #f8fafc;
    --color-table-row-hover: #eff6ff;

    --color-danger: #ef4444;
    --color-danger-hover: #dc2626;

    --gradient-primary: linear-gradient(135deg, #2563eb, #1d4ed8);
    --gradient-sidebar: linear-gradient(180deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);
    --gradient-brand-text: linear-gradient(135deg, #ffffff 0%, #38bdf8 100%);
    --gradient-login-bg: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #0f172a 100%);
    --gradient-login-brand: linear-gradient(135deg, #1e293b 0%, #2563eb 100%);

    --shadow-sidebar: 2px 0 24px rgba(15, 23, 42, 0.35);
    --shadow-panel: 0 8px 22px rgba(15, 23, 42, 0.08);
    --shadow-focus: 0 0 0 3px rgba(37, 99, 235, 0.18);
}