/**
 * Portal Cliente Asesor - Theme Colors
 */

:root {
    /* ========================================
       Brand Colors - Colores de marca
       ======================================== */

    /* Primary Colors */
    --valsec-primary: #2F5D57;
    --valsec-primary-aqua: #6FA9A0;
    --valsec-primary-light: #E6F7F5;
    --valsec-primary-dark: #1F3F3A;
    --valsec-primary-hover: #3D7168;
    --valsec-primary-light-hover: #D4F0EC;

    /* Secondary Colors */
    --valsec-secondary: #6FA9A0;

    /* ========================================
       Neutral Colors - Colores neutrales
       ======================================== */

    --valsec-dark: #1E1E1E;
    --valsec-placeholder-gray: #3A3A3A;
    --valsec-gray: #3A3A3A;
    --valsec-gray-text: #1E1E1E;
    --valsec-stroke-gray-light: #E5EAF1;
    --valsec-bg-gray-light: #F9F9F9;
    --valsec-white: #FFF;

    /* ========================================
       State Colors - Colores de estado
       ======================================== */

    --valsec-success: #31C440;
    --valsec-success-light: #DDF7E0;
    --valsec-error: #F8285B;
    --valsec-error-light: #FEE9EF;

    /* ========================================
       Tags Colors - Colores para etiquetas
       ======================================== */

    --valsec-investigacion: #FD8C08;
    --valsec-investigacion-light: #FFF3E6;
    --valsec-proceso: #A00B4B;
    --valsec-proceso-light: #F5E7ED;
    --valsec-sentencia: #45A00C;
    --valsec-sentencia-light: #ECF5E7;

    /* ========================================
       Existing Colors - Colores existentes del sistema
       ======================================== */

    /* Aqua/Teal accent */
    --valsec-aqua-accent: #6FA9A0;

    /* Text colors */
    --valsec-text-muted: #8E9BB1;
    --valsec-text-dark: #495057;
    --valsec-text-placeholder: #adb5bd;
    --valsec-text-body: #2E2E2E;
    --valsec-text-medium: #4A4A4A;

    /* Backgrounds */
    --valsec-bg-light: #f8f9fa;
    --valsec-bg-white: #ffffff;

    /* Borders */
    --valsec-border-light: #E6E6E6;
    --valsec-border-divider: #3A3A3A;

    /* ========================================
       Modal & Notification Colors
       ======================================== */

    --valsec-modal-overlay: rgba(0, 0, 0, 0.85);
    --valsec-shadow: rgba(0, 0, 0, 0.1);
}

/* ========================================
   Utility Classes - Clases de utilidad
   ======================================== */

/* Background Colors */
.bg-primary { background-color: var(--valsec-primary) !important; }
.bg-primary-aqua { background-color: var(--valsec-primary-aqua) !important; }
.bg-primary-light { background-color: var(--valsec-primary-light) !important; }
.bg-secondary { background-color: var(--valsec-secondary) !important; }
.bg-success { background-color: var(--valsec-success) !important; }
.bg-error { background-color: var(--valsec-error) !important; }

/* Text Colors */
.text-primary { color: var(--valsec-primary) !important; }
.text-primary-aqua { color: var(--valsec-primary-aqua) !important; }
.text-secondary { color: var(--valsec-secondary) !important; }
.text-muted { color: var(--valsec-text-muted) !important; }
.text-success { color: var(--valsec-success) !important; }
.text-error { color: var(--valsec-error) !important; }

/* Border Colors */
.border-primary { border-color: var(--valsec-primary) !important; }
.border-light { border-color: var(--valsec-border-light) !important; }