/**
 * El lenguaje visual de La Ricura, en un solo sitio.
 *
 * Antes esto existía cuatro veces: cada hoja del plugin declaraba su propio
 * juego de variables, con los mismos nombres y valores copiados a mano. El
 * sistema estaba bien pensado y mal repartido, así que cambiar un color exigía
 * acordarse de los cuatro archivos — y bastaba olvidar uno para que la tienda
 * empezara a decir dos cosas distintas.
 *
 * Peor: el rojo que usábamos aquí (#e02d31) NO era ninguno de los dos rojos de
 * la paleta del tema. Entre el tema, el carrito lateral y nosotros había cuatro
 * rojos diferentes, y ninguno era "el rojo de La Ricura", porque no existía.
 *
 * Reglas de esta hoja:
 *
 *   1. LO QUE ES DEL TEMA, SE PIDE AL TEMA. El rojo de marca no se escribe
 *      aquí: se toma de la paleta de Blocksy. Si mañana el dueño lo cambia
 *      desde el Personalizador, cambia también en todo lo que dibujamos
 *      nosotros, sin tocar una línea. El valor que va detrás de la coma es solo
 *      el paracaídas por si la variable del tema no llegara.
 *
 *   2. LO QUE EL TEMA NO TIENE, SE DEFINE AQUÍ. El dorado tostado, los colores
 *      de significado, el ritmo del espaciado, los radios y las sombras.
 *
 *   3. EL COLOR DE MARCA Y EL COLOR DE ERROR SON COSAS DISTINTAS. Se ven
 *      parecidos y no lo son: uno vende y el otro avisa. Tenerlos separados es
 *      lo que evita que un mensaje inocente salga vestido de alarma — que es
 *      exactamente lo que nos pasó en el carrito.
 *
 *   4. LA TIPOGRAFÍA NO SE REPITE. Nuestros componentes heredan la del sitio.
 *      Aquí solo se nombra la de titulares, que es la única que necesitamos
 *      pedir a propósito.
 */

:root {
	/* --- Marca: viene del Personalizador, no de aquí ---------------------- */
	--llr-rojo: var(--theme-palette-color-1, #d81c22);
	--llr-rojo-osc: var(--theme-palette-color-2, #a81319);
	--llr-rojo-suave: #fdeeee;

	/* --- El acento que el tema no tiene ----------------------------------- */
	/* El tostado del cuero de la lechona. Es para lo que hoy no tenía dónde
	   ir: lo que viene incluido, el depósito que se devuelve, el envío que se
	   ganó. Cosas buenas que no son urgentes y por tanto no deben ir en rojo. */
	--llr-dorado: #b0762f;
	--llr-dorado-suave: #f8f0e2;

	/* --- Tinta y papel: neutros CÁLIDOS ----------------------------------- */
	/* Cálidos a propósito. El gris azulado deja la comida apagada en la foto
	   de al lado; el gris tibio la deja apetecible. */
	--llr-tinta: #1c1917;
	--llr-tinta-2: #57534e;
	--llr-tinta-3: #a8a29e;
	--llr-linea: #e9e4dd;
	--llr-linea-2: #f1ede7;
	--llr-lienzo: #faf9f7;
	--llr-blanco: #fff;

	/* --- Significado: nunca el rojo de marca ------------------------------ */
	--llr-verde: #0e8345;
	--llr-verde-suave: #e9f6ef;
	--llr-ambar: #b45309;
	--llr-ambar-suave: #fdf3e3;
	--llr-error: #b3261e;
	--llr-error-suave: #fdeeee;

	/* --- Formas ----------------------------------------------------------- */
	--llr-radio-s: 10px;
	--llr-radio: 14px;
	--llr-radio-g: 20px;
	--llr-sombra: 0 1px 2px rgba(28, 25, 23, .05), 0 10px 30px rgba(28, 25, 23, .07);
	--llr-sombra-alta: 0 2px 6px rgba(28, 25, 23, .08), 0 24px 60px rgba(28, 25, 23, .16);

	/* --- Ritmo ------------------------------------------------------------ */
	/* Una escala, no números sueltos: así dos componentes distintos respiran
	   igual sin tener que ponerse de acuerdo. */
	--llr-e1: 4px;
	--llr-e2: 8px;
	--llr-e3: 12px;
	--llr-e4: 16px;
	--llr-e5: 24px;
	--llr-e6: 32px;
	--llr-e7: 48px;

	/* --- Titulares -------------------------------------------------------- */
	/* La del cuerpo se hereda del sitio y por eso no se nombra. Esta sí, porque
	   hay piezas nuestras —un total, una cifra grande— que la piden a propósito.
	   Debe coincidir con la del Personalizador; hoy las dos son Fraunces. */
	--llr-titular: Fraunces, Georgia, "Times New Roman", serif;
}