/**
 * Asoc · identidad.css: tokens de la Identidad Visual v1 para el sitio.
 *
 * Valores tomados de "🎨 Identidad Visual v1 · Asociación Civil" (Bambú Core).
 * Se carga después de probador.css solo en la portada y en /sumate/. El
 * selector html.asoc-sitio (especificidad 0,1,1) le gana a los presets
 * [data-paleta] de probador.css, así que el probador (/estilos/) no cambia.
 *
 * Los colores de las formas (--asoc-mosaico-*) viven solo en el motivo:
 * no se usan para texto, fondos ni botones.
 */

html.asoc-sitio {
	--asoc-color-primary: #1E5631;      /* Bosque */
	--asoc-color-on-primary: #FBF6EA;   /* Papel */
	--asoc-color-secondary: #1A4F66;    /* Pie */
	--asoc-color-ink: #1E5631;
	--asoc-color-ink-soft: #2F5E3F;
	--asoc-color-bg: #FBF6EA;
	--asoc-color-surface: #F3F8DC;      /* Brisa */
	--asoc-color-lima: #CFE88A;
	--asoc-color-brisa: #F3F8DC;
	--asoc-color-sol: #FADA4C;
	--asoc-color-pie: #1A4F66;
	--asoc-color-on-pie: #FBF6EA;
	--asoc-font-head: "Fraunces", Georgia, serif;
	--asoc-font-body: "Work Sans", system-ui, sans-serif;
	--asoc-radio-tarjeta: 24px;
	--asoc-radio-boton: 999px;
	--asoc-borde: 0px;
	--asoc-sombra: none;
	--asoc-mosaico-violeta: #754F9B;    /* Uva */
	--asoc-mosaico-naranja: #F0843C;    /* Mandarina */
	--asoc-mosaico-amarillo: #FADA4C;   /* Sol */
	--asoc-mosaico-agua: #A3D1C5;       /* Menta */
	--asoc-mosaico-azul: #6F8AD6;       /* Cielo */
}

html.asoc-sitio .asoc-etiqueta {
	background: var(--asoc-color-lima);
	color: var(--asoc-color-ink);
	border-radius: 6px;
}

html.asoc-sitio h1,
html.asoc-sitio h2,
html.asoc-sitio h3 {
	font-weight: 700;
}

html.asoc-sitio h1 {
	letter-spacing: -0.01em;
}

html.asoc-sitio .asoc-boton {
	font-weight: 600;
}

html.asoc-sitio .asoc-seccion--nota {
	background: var(--asoc-color-brisa);
}

html.asoc-sitio .asoc-seccion {
	background: var(--asoc-color-brisa);
}

html.asoc-sitio .asoc-contador {
	background: var(--asoc-color-brisa);
}

html.asoc-sitio .asoc-contador__texto strong {
	color: var(--asoc-color-primary);
	font-family: var(--asoc-font-head);
}

html.asoc-sitio .asoc-contador__barra {
	background: #DDE8B8;
}

/* Enlaces sueltos: subrayado lima grueso. */
html.asoc-sitio a:not(.asoc-boton) {
	text-decoration: none;
	border-bottom: 3px solid var(--asoc-color-lima);
}

html.asoc-sitio .asoc-etiqueta a {
	border-bottom: 0;
}

html.asoc-sitio .asoc-cuota {
	border-left-color: var(--asoc-color-lima);
}