/* =============================================================
AMISALUD · Propuesta B — Cálido Humano (paleta institucional)
Design tokens (CSS custom properties)
Adaptacion de la propuesta B del mockup a los colores reales
del logo AMISALUD (verde #476745 + azul #0D2053) y a la
tipografia Montserrat. Mantiene neutros warm/crema del mockup.
============================================================= */
:root {
/* ── Brand AMISALUD ─────────────────────────────────────── */
--verde: #476745; /* Verde institucional (primary) */
--verde-d: #385335; /* Hover / pressed */
--verde-l: #638562; /* Variante clara para gradientes/badges */
--verde-50: #EAF1E9; /* Background suave (focus rings, info cards) */
--azul: #0D2053; /* Azul institucional (secondary) */
--azul-d: #091640; /* Hover azul */
--azul-l: #1A3580; /* Variante clara azul */
--azul-50: #E8EBF3; /* Background suave azul */
/* ── Acentos cálidos (Cálido Humano) ────────────────────── */
--coral: #DC5B3E; /* Acento — fechas, citas, CTAs cálidas */
--coral-50: #FDEFEA; /* Background suave coral */
--ambar: #D97706; /* Warning, próximo a vencer */
--ambar-50: #FEF4E6; /* Background warning */
/* ── Semánticos ─────────────────────────────────────────── */
--ok: #16A34A; /* OK, APTO, éxito */
--ok-50: #E7F8EE; /* Background éxito */
--warn: #D97706; /* alias de ambar */
--warn-50: #FEF4E6;
--err: #DC2626; /* Error, NO APTO, crítico */
--err-50: #FEECEC;
/* ── Neutros (paleta crema warm) ────────────────────────── */
--ink: #1C1917; /* Texto primario (warm black) */
--ink-2: #3F3A35; /* Texto secundario */
--muted: #78716C; /* Labels, helpers (warm gray) */
--muted-2: #A8A29E; /* Placeholders, disabled */
--line: #E7E2D8; /* Bordes suaves cálidos */
--line-2: #D6CFC0; /* Bordes fuertes (inputs) */
--crema: #FAF6EF; /* Crema principal — fondo de cards */
--crema-2: #F5EFE4; /* Crema secundaria — separadores */
--bg: #FBF9F4; /* Fondo de página (warm off-white) */
--panel: #FFFFFF; /* Fondo de cards y paneles */
/* ── Radios (más generosos que portal actual) ───────────── */
--r-sm: 8px; /* Badges, chips */
--r: 12px; /* Inputs, botones */
--r-lg: 20px; /* Cards y paneles */
--r-xl: 28px; /* Hero, contenedores grandes */
/* ── Sombras (suaves, tinte cálido) ─────────────────────── */
--sh-sm: 0 1px 2px rgba(28,25,23,.05);
--sh: 0 4px 16px rgba(28,25,23,.06);
--sh-lg: 0 16px 40px rgba(28,25,23,.10);
/* ── Tipografía ─────────────────────────────────────────── */
--f-sans: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
/* Escala de type */
--fs-xs: 11px;
--fs-sm: 13px;
--fs-base: 14px;
--fs-md: 16px;
--fs-lg: 22px;
--fs-xl: 28px;
--fs-2xl: 36px;
--fs-3xl: 48px;
/* ── Espaciado (4px scale, generoso) ────────────────────── */
--sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
--sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
--sp-12: 48px; --sp-16: 64px; --sp-20: 80px;
}
/* ──────────────────────────────────────────────────────────
Fuentes (Google Fonts) — Montserrat
Incluir en :
────────────────────────────────────────────────────────── */