/* ============================================================
   APOTEMA CLOUD - Variables de Temas Claro / Oscuro
   ============================================================ */

:root[data-theme="light"] {
    --primary: #5b4fcf;
    --primary-light: #7c6fe0;
    --primary-dark: #3d30b8;
    --secondary: #06b6d4;
    --accent: #f59e0b;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;
    --info: #3b82f6;

    /* Fondos */
    --bg-body: #f0f2ff;
    --bg-primary: #ffffff;
    --bg-secondary: #f8f9ff;
    --bg-sidebar: rgba(91, 79, 207, 0.95);
    --bg-sidebar-hover: rgba(255, 255, 255, 0.15);

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.75);
    --glass-bg-strong: rgba(255, 255, 255, 0.92);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-shadow: rgba(91, 79, 207, 0.12);

    /* Textos */
    --text-primary: #1a1a2e;
    --text-secondary: #4a4a6a;
    --text-muted: #8888aa;
    --text-sidebar: rgba(255, 255, 255, 0.9);

    /* Inputs */
    --input-bg: rgba(255, 255, 255, 0.8);
    --input-border: rgba(91, 79, 207, 0.25);
    --input-focus: rgba(91, 79, 207, 0.5);

    /* Tablas */
    --table-header-bg: rgba(91, 79, 207, 0.08);
    --table-row-hover: rgba(91, 79, 207, 0.05);
    --table-border: rgba(91, 79, 207, 0.1);

    /* Gradientes de fondo */
    --grad-body: linear-gradient(135deg, #f0f2ff 0%, #e8eeff 30%, #f5f0ff 70%, #fff0f8 100%);
}

:root[data-theme="dark"] {
    --primary: #7c6fe0;
    --primary-light: #9d93eb;
    --primary-dark: #5b4fcf;
    --secondary: #22d3ee;
    --accent: #fbbf24;
    --success: #34d399;
    --danger: #f87171;
    --warning: #fbbf24;
    --info: #60a5fa;

    /* Fondos */
    --bg-body: #0f0e1a;
    --bg-primary: #1a1828;
    --bg-secondary: #161426;
    --bg-sidebar: rgba(15, 12, 30, 0.97);
    --bg-sidebar-hover: rgba(124, 111, 224, 0.2);

    /* Glassmorphism */
    --glass-bg: rgba(26, 24, 40, 0.75);
    --glass-bg-strong: rgba(26, 24, 40, 0.92);
    --glass-border: rgba(124, 111, 224, 0.2);
    --glass-shadow: rgba(0, 0, 0, 0.35);

    /* Textos */
    --text-primary: #e8e6f5;
    --text-secondary: #c1bedf;
    --text-muted: #9d9bab;
    --text-sidebar: rgba(255, 255, 255, 0.85);

    /* Inputs */
    --input-bg: rgba(255, 255, 255, 0.05);
    --input-border: rgba(124, 111, 224, 0.3);
    --input-focus: rgba(124, 111, 224, 0.6);

    /* Tablas */
    --table-header-bg: rgba(124, 111, 224, 0.12);
    --table-row-hover: rgba(124, 111, 224, 0.08);
    --table-border: rgba(124, 111, 224, 0.15);

    /* Gradientes de fondo */
    --grad-body: linear-gradient(135deg, #0f0e1a 0%, #14112a 40%, #1a0f2e 70%, #0f1428 100%);
}