/* ============================= */
/* VARIABLES GLOBALES - Rabi     */
/* ============================= */

:root {
    /* === Paleta Oficial === */
    --color-primary: #0055A3;
    --color-primary-bright: #0590E1;
    --color-accent: #ED750E;
    --color-white: #ffffff;
    --color-bg-light: #f0f2f5;
    --color-bg-lighter: #f8f9fa;
    --color-text: #212529;
    --color-text-muted: #6c757d;
    --color-text-secondary: #495057;

    /* === Derivados (solo de los oficiales) === */
    --color-primary-hover: #004A8F;
    --color-primary-active: #003A73;
    --color-primary-bright-hover: #0480D0;
    --color-accent-hover: #D4660C;

    /* === Transparencias === */
    --overlay-dark: rgba(0, 0, 0, 0.5);
    --overlay-light: rgba(255, 255, 255, 0.1);
    --border-light: rgba(255, 255, 255, 0.15);
    --border-lighter: rgba(255, 255, 255, 0.2);
    --border-lightest: rgba(255, 255, 255, 0.3);
    --input-bg-dark: rgba(255, 255, 255, 0.08);
    --input-bg-dark-hover: rgba(255, 255, 255, 0.12);

    /* === Sidebar === */
    --sidebar-bg: var(--color-primary-bright);
    --sidebar-hover: var(--color-primary-hover);
    --sidebar-active: var(--color-primary-active);
    --sidebar-text: var(--color-white);
    --sidebar-border: rgba(255, 255, 255, 0.1);
    --sidebar-icon: rgba(255, 255, 255, 0.85);
    --sidebar-accent: var(--color-accent);

    /* === Radios === */
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-xl: 14px;
    --radius-pill: 50px;

    /* === Transiciones === */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;

    /* === Login === */
    --login-input-bg: #F0F7FF;
    --login-border: #D1E3F6;

    /* === Badges === */
    --badge-bg-light: #e3f2fd;

    /* === Estado (success/error/warning) === */
    --color-success: #26b050;
    --color-success-light: rgba(38, 176, 80, 0.12);
    --color-error: #dc3545;
    --color-error-light: rgba(220, 53, 69, 0.12);
    --color-warning: #ffc107;
    --color-warning-light: rgba(255, 193, 7, 0.12);
    --color-info: #0dcaf0;
    --color-info-light: rgba(13, 202, 240, 0.12);

    /* === Bordes claros === */
    --border-gray: #e0e0e0;
    --border-gray-light: #eef2f7;

    /* === Sidebar derivados (opacidades del primary) === */
    --sidebar-item-bg: rgba(0, 85, 163, 0.4);
    --sidebar-subitem-bg: rgba(0, 85, 163, 0.3);

    /* === Dashboard === */
    --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    --card-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.1);
}