:root{
/* =======================================================
   BRAND
======================================================= */

--brand:#02063A;



/* =======================================================
   BACKGROUNDS
======================================================= */

  /* Fondo principal */
    --background-body:#FFFFFF;

--bg-primary:#1B1E2B;

--bg-secondary:#F3EFE8;

    /* Superficies / Cards */
    --background-surface:#FFFFFF;






/* =======================================================
   TEXT
======================================================= */

--text:#0F172A;

--text-secondary:#64748B;

/* Textos sobre fondos oscuros */

--text-inverse:#F8FAFC;

--text-inverse-secondary:#CBD5E1;

--accent:#315A8A; /*USO PARA ICONOS*/

/* =======================================================
   BORDER
======================================================= */

--border:#E2E8F0;



/* =======================================================
  SHADOWS
======================================================= */

/* Cards sobre fondo oscuro */

--shadow-dark:
0 20px 40px rgba(0,0,0,.18);

/* Cards sobre fondos claros */

--shadow-light:
    0 8px 24px rgba(15,23,42,.06);


/* =======================================================
   NAVBAR
======================================================= */

--navbar-background: rgba(249, 250, 251, 0.82);

--navbar-border:rgba(255,255,255,.45);

--navbar-text: #1F2430;        /* charcoal neutro, no depende de ninguna sección */
--navbar-text-hover: #1D4ED8;  /* se queda: coherente con btn-primary como color de acción */
--navbar-link-hover: rgba(29,78,216,.08);

/* =======================================================
   BUTTON PRIMARY
======================================================= */

--button-primary-bg:#1E3A5F;
--button-primary-hover:#264D7A;
--button-primary-active:#162C47;

--button-primary-text:#FFFFFF;

--button-primary-shadow:30,58,95;

}