/* =====================================================================
   HERO-COMISIONADO · tema propio (se carga DESPUES de la plantilla)
   Solo estilos: no cambia la logica de ninguna pantalla.
   Colores del logo HERO: verde #7FA31B.
   ===================================================================== */
:root {
	--hero: #7FA31B;          /* verde principal (logo) */
	--hero-dark: #5F7D12;     /* al pasar el cursor */
	--hero-light: #93C01F;    /* acentos */
	--hero-soft: #EEF4DA;     /* fondos suaves */
	--hero-ring: rgba(127, 163, 27, .28);
	--menu: #1F2A1B;          /* menu lateral */
	--menu-hover: #2B3A26;
	--page: #F4F6F3;          /* fondo de pagina */
	--card: #FFFFFF;
	--text: #1F2933;
	--muted: #6B7785;
	--border: #DDE3DA;
	--border-strong: #C5CEC0;
	--danger: #D64545;
	--danger-dark: #B03030;
	--warning: #E5A00D;
	--info: #2F7FD1;
	--radius-ctl: 8px;        /* botones y campos */
	--radius-card: 12px;      /* tarjetas */
	--h-ctl: 40px;            /* alto de botones y campos */
	--font: Inter, "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
}

html { -webkit-text-size-adjust: 100%; }
body {
	font-family: var(--font);
	font-size: 14px;
	color: var(--text);
}
body.hero-pagina, body.nav-md, body.nav-sm { background: var(--page); }

/* Enlaces y foco visibles en todo el sistema */
a { color: var(--hero-dark); }
a:hover, a:focus { color: var(--hero); }
:focus-visible { outline: 3px solid var(--hero-ring); outline-offset: 1px; }