/* ============================================================
   theme-vars.css — Variables de tema para smauic-theme
   ------------------------------------------------------------
   Define la paleta institucional como CSS Custom Properties.
   Cualquier hoja de estilos del proyecto debe consumir estos
   tokens en lugar de hardcodear colores.

   Carga en JSP (después de leer smacia.thmcia):
     <link rel="stylesheet" href=".../vista/styles/<thmCia>/css/theme-vars.css">

   Uso desde otra hoja:
     .mi-clase { background: var(--primary); }
   ============================================================ */

:root {
    /* — Paleta institucional (azul) — */
    --primary:        #1565c0;
    --primary-dark:   #0b3d6d;
    --primary-light:  #1e88e5;
    --primary-soft:   #e3f2fd;
    --accent:         #ffd166;

    /* — Gradientes — */
    --gradient-primary: linear-gradient(135deg, #0b3d6d 0%, #1565c0 100%);
    --gradient-accent:  linear-gradient(135deg, #ffb300 0%, #ffd166 100%);

    /* — Estados semánticos — */
    --success:        #2e7d32;
    --success-soft:   #e8f5e9;
    --warning:        #ef6c00;
    --warning-soft:   #fff3e0;
    --danger:         #c62828;
    --danger-soft:    #ffebee;
    --info:           #0277bd;
    --info-soft:      #e1f5fe;
    --teal:           #00838f;
    --teal-soft:      #e0f7fa;
    --purple:         #6a1b9a;
    --purple-soft:    #f3e5f5;

    /* — Tipografía / superficies — */
    --text-primary:   #2a3a58;
    --text-secondary: #7a8aa3;
    --text-muted:     #90a0bd;
    --bg-page:        #f4f7fb;
    --bg-surface:     #ffffff;
    --border:         #e8ecf4;
    --border-soft:    #eef0f5;

    /* — Sombras — */
    --shadow-sm:  0 2px 6px rgba(20, 25, 40, .06);
    --shadow-md:  0 4px 16px rgba(11, 61, 109, .22);
    --shadow-lg:  0 6px 14px rgba(20, 25, 40, .10);

    /* — Superficies neutras (no institucionales) — */
    --surface-dark:   #475858;
}