/* tokens.css — CAPA 1: variables del sistema de diseño FemiSalud.
   Único lugar donde se definen colores, sombras, radios y transiciones.
   Cambios de marca: editar aquí, nada más. */
:root {
  /* --- Marca --- */
  --femisalud-azul-oscuro: #14578d;
  --femisalud-azul: #096fb3;
  --femisalud-azul-profundo: #0b4a7a;
  --femisalud-celeste-suave: #cfe8f8;
  --femisalud-fondo: #f0f8fb;
  --femisalud-verde: #85c59c;
  --femisalud-texto: #16425b;
  --mifemi-acento: #55b9e8;
  --mifemi-celeste-borde: #b3d9ef;
  --femisalud-borde: #d7ecf7;
  --femisalud-blanco: #fff;
  --marca-clara: rgba(255, 255, 255, .92);
  --marca-media: rgba(255, 255, 255, .85);
  --marca-suave: rgba(255, 255, 255, .75);
  --marca-velo: rgba(255, 255, 255, .14);

  /* --- Bootstrap (puentes) --- */
  --bs-primary: #096fb3;
  --bs-primary-rgb: 9, 111, 179;
  --bs-link-color: #096fb3;
  --bs-link-hover-color: #14578d;

  /* --- Degradados --- */
  --gradiente-marca: linear-gradient(90deg, #096fb3, #14578d);
  --gradiente-sidebar: linear-gradient(180deg, #096fb3, #0b4a7a);

  /* --- Fondos de shell --- */
  --fondo-panel-login: #dceefb;
  --fondo-app: #eef6fb;

  /* --- Sombras --- */
  --sombra-marca: 0 .5rem 1.5rem rgba(20, 87, 141, .15);
  --sombra-servicio: 0 .5rem 1rem rgba(9, 111, 179, .18);
  --sombra-offcanvas: 0 0 2rem rgba(0, 0, 0, .35);
  --backdrop-fondo: rgba(20, 40, 60, .45);

  /* --- Radios --- */
  --radio-card: 14px;
  --radio-hero: 16px;
  --radio-panel: 18px;
  --radio-pildora: 999px;
  --radio-sidebar: 9px;
  --radio-perfil: 12px;
  --radio-info: 12px;

  /* --- Movimiento y capas --- */
  --transicion: transform .2s ease, box-shadow .2s ease;
  --transicion-panel: .25s ease;
  --z-topbar: 1040;
  --z-backdrop: 1044;
  --z-sidebar: 1045;

  /* --- Tipografía --- */
  --fuente: Montserrat, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* --- Login v2 (matices dentro de la MISMA familia azul, sin cambiar base) --- */
  --femisalud-azul-brillante: #1283d1;
  --femisalud-azul-profundisimo: #0c3f63;
  --gradiente-login: linear-gradient(135deg, #0d7cc3 0%, #096fb3 42%, #14578d 100%);
  --gradiente-login-brillo: radial-gradient(120% 90% at 15% 10%, rgba(85,185,232,.38) 0%, rgba(85,185,232,0) 55%), radial-gradient(100% 80% at 90% 100%, rgba(207,232,248,.28) 0%, rgba(207,232,248,0) 55%);
  --login-anillo: rgba(9, 111, 179, 0.14);
  --login-sombra: 0 1.5rem 3.5rem rgba(12, 63, 99, .22), 0 .5rem 1.5rem rgba(20, 87, 141, .15);
  --login-vidrio: rgba(255, 255, 255, .12);
  --login-vidrio-borde: rgba(255, 255, 255, .22);
}