/* ============================================================
   CONFIGURACIÓN DE PLATAFORMA — PERSONALIZACIÓN POR INSTANCIA
   ⚠️  Este archivo NO está en git (ver .gitignore)
   Copia platform-config.css.dist a platform-config.css para empezar.
   ============================================================ */

:root {

    /* ----------------------------------------------------------
       COLORES DE MARCA
       Cambia estos valores para personalizar la identidad visual
       ---------------------------------------------------------- */
   --color-primary:        #2c3088;
   --color-primary-dark:   #1f2366;
   --color-primary-light:  #af9e68;
   --color-primary-xlight: #f3f0e6;

    /* ----------------------------------------------------------
       COLORES DE ESTADO
       ---------------------------------------------------------- */
    --color-success:        #10b981;
    --color-success-bg:     #d1fae5;
    --color-danger:         #ef4444;
    --color-danger-bg:      #fee2e2;
    --color-warning:        #f59e0b;
    --color-warning-bg:     #fef3c7;
    --color-info:           #3b82f6;
    --color-info-bg:        #dbeafe;

    /* ----------------------------------------------------------
       TEXTO
       ---------------------------------------------------------- */
    --color-text-primary:   #0f172a;
    --color-text-secondary: #747678;
    --color-text-muted:     #94a3b8;
    --color-text-inverse:   #ffffff;

    /* ----------------------------------------------------------
       FONDOS
       ---------------------------------------------------------- */
    --color-bg-page:        #f1f5fb;
    --color-bg-card:        #ffffff;
    --color-bg-input:       #f8fafc;
    --color-bg-input-focus: #ffffff;

    /* ----------------------------------------------------------
       TIPOGRAFÍA
       ---------------------------------------------------------- */
    --font-family:          'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs:         11px;
    --font-size-sm:         13px;
    --font-size-base:       15px;
    --font-size-md:         16px;
    --font-size-lg:         18px;
    --font-size-xl:         22px;
    --font-size-2xl:        28px;
    --font-size-3xl:        36px;
    --font-weight-normal:   400;
    --font-weight-medium:   500;
    --font-weight-semibold: 600;
    --font-weight-bold:     700;
    --line-height-base:     1.6;

    /* ----------------------------------------------------------
       BORDES Y RADIOS
       ---------------------------------------------------------- */
    --radius-sm:            6px;
    --radius-md:            10px;
    --radius-lg:            14px;
    --radius-xl:            20px;
    --radius-full:          9999px;
    --border-color:         #e2e8f0;
    --border-color-focus:   var(--color-primary);

    /* ----------------------------------------------------------
       SOMBRAS
       ---------------------------------------------------------- */
    --shadow-xs:            0 1px 2px rgba(0, 0, 0, .05);
    --shadow-sm:            0 1px 4px rgba(0, 0, 0, .07), 0 2px 8px rgba(0, 0, 0, .04);
    --shadow-md:            0 4px 12px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .05);
    --shadow-lg:            0 8px 30px rgba(0, 0, 0, .10), 0 4px 12px rgba(0, 0, 0, .06);
    --shadow-xl:            0 20px 60px rgba(0, 0, 0, .12), 0 8px 24px rgba(0, 0, 0, .07);
   --shadow-primary:       0 4px 20px rgba(44, 48, 136, .35);

    /* ----------------------------------------------------------
       TRANSICIONES
       ---------------------------------------------------------- */
    --transition:           0.2s ease;
    --transition-slow:      0.35s ease;

    /* ----------------------------------------------------------
       LOGIN — PANEL LATERAL DE MARCA
       ---------------------------------------------------------- */
   --login-panel-gradient: linear-gradient(150deg, #1f2366 0%, #2c3088 58%, #af9e68 100%);
    --login-panel-text:     rgba(255, 255, 255, 0.85);
    --login-panel-title:    #ffffff;
    --login-form-max-width: 420px;
    --login-input-height:   50px;
}