/* ============================================================
   tokens.css — Variables de diseño (tema claro / oscuro)
   ============================================================ */

:root {
    --sidebar-width: 264px;
    --sidebar-mini-width: 84px;
    --admin-bg: #f5f7fb;
    --admin-surface: #ffffff;
    --admin-surface-soft: #f8fafc;
    --admin-border: #dbe4ef;
    --admin-text: #1f2937;
    --admin-muted: #6b7280;
    --admin-primary: #2563eb;
    --admin-primary-dark: #1d4ed8;
    --admin-success: #0f766e;
    --admin-warning: #d97706;
    --admin-danger: #dc2626;
    --admin-shadow-sm: 0 10px 24px rgba(15, 23, 42, 0.06);
    --admin-shadow: 0 18px 46px rgba(15, 23, 42, 0.09);
    --admin-shadow-lg: 0 26px 70px rgba(15, 23, 42, 0.12);
    --admin-ring: 0 0 0 4px rgba(37, 99, 235, 0.12);
    --sidebar: #ffffff;
    --sidebar-soft: #eef4ff;
    --sidebar-border: #dbe4ef;
    --sidebar-text: #475569;
    --sidebar-text-strong: #0f172a;
    --sidebar-muted: #64748b;
    --sidebar-icon-bg: #eaf2ff;
    --sidebar-icon: #2563eb;
    --sidebar-shadow: 18px 0 42px rgba(15, 23, 42, 0.08);
}

html[data-theme="dark"] {
    --admin-bg: #0f172a;
    --admin-surface: #182235;
    --admin-surface-soft: #111827;
    --admin-border: #2f3b52;
    --admin-text: #e5edf7;
    --admin-muted: #9aa8bd;
    --admin-primary: #60a5fa;
    --admin-primary-dark: #3b82f6;
    --admin-success: #2dd4bf;
    --admin-warning: #fbbf24;
    --admin-danger: #f87171;
    --admin-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.24);
    --admin-shadow: 0 18px 46px rgba(0, 0, 0, 0.32);
    --admin-shadow-lg: 0 26px 70px rgba(0, 0, 0, 0.42);
    --admin-ring: 0 0 0 4px rgba(96, 165, 250, 0.18);
    --sidebar: #090f1d;
    --sidebar-soft: #172033;
    --sidebar-border: rgba(255, 255, 255, 0.08);
    --sidebar-text: #d1d5db;
    --sidebar-text-strong: #ffffff;
    --sidebar-muted: #9ca3af;
    --sidebar-icon-bg: rgba(255, 255, 255, 0.08);
    --sidebar-icon: #bfdbfe;
    --sidebar-shadow: 18px 0 42px rgba(0, 0, 0, 0.34);
}