/*
 * Estilos de carta del directorio. Solo tipografías del sistema.
 * Cada .crd-tema--* define variables; las reglas comunes las usan.
 */
.crd-tema {
	--crd-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	--crd-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--crd-redonda: ui-rounded, "SF Pro Rounded", "Nunito", var(--crd-sans);
}

.crd-negocio.crd-tema {
	background: var(--crd-fondo);
	color: var(--crd-texto);
	font-family: var(--crd-fuente-texto);
	border-radius: var(--crd-radio-caja, 20px);
	padding: clamp(1.25rem, 4vw, 3rem);
	margin-block: 1rem;
}

.crd-tema .crd-ficha__nombre,
.crd-tema .crd-bloque__titulo,
.crd-tema .cr-carta h2,
.crd-tema .cr-carta h3,
.crd-tema .cr-plato__nombre,
.crd-tema .cr-grupo-platos__titulo {
	font-family: var(--crd-fuente-titulos);
	color: inherit;
	letter-spacing: var(--crd-titulos-espaciado, normal);
}

.crd-tema .cr-carta {
	font-family: var(--crd-fuente-texto);
	--cr-radio: var(--crd-radio, 10px);
}

.crd-tema a { color: inherit; }
.crd-tema .crd-indice a { border-color: color-mix(in srgb, currentColor 30%, transparent); }
.crd-tema .crd-indice { background: var(--crd-fondo); }
.crd-tema .cr-carta--tarjetas .cr-plato {
	background: var(--crd-superficie);
}

/* Clásico */
.crd-tema--clasico {
	--crd-fondo: #faf6ef;
	--crd-texto: #2b2118;
	--crd-superficie: #fffdf8;
	--crd-fuente-titulos: var(--crd-serif);
	--crd-fuente-texto: var(--crd-sans);
	--crd-radio: 10px;
}

/* Moderno */
.crd-tema--moderno {
	--crd-fondo: #ffffff;
	--crd-texto: #14161a;
	--crd-superficie: #f6f7f9;
	--crd-fuente-titulos: var(--crd-sans);
	--crd-fuente-texto: var(--crd-sans);
	--crd-radio: 18px;
	--crd-radio-caja: 28px;
	--crd-titulos-espaciado: -0.02em;
}
.crd-tema--moderno .crd-bloque__titulo { font-weight: 800; }

/* Pizarra */
.crd-tema--pizarra {
	--crd-fondo: #1d211f;
	--crd-texto: #f1ede4;
	--crd-superficie: #272c29;
	--crd-fuente-titulos: var(--crd-redonda);
	--crd-fuente-texto: var(--crd-sans);
	--crd-radio: 12px;
}
.crd-tema--pizarra .cr-carta { --cr-borde: rgba(241, 237, 228, 0.18); }
.crd-tema--pizarra .cr-plato__desc,
.crd-tema--pizarra .cr-aviso { color: rgba(241, 237, 228, 0.78); }

/* Minimal */
.crd-tema--minimal {
	--crd-fondo: #ffffff;
	--crd-texto: #111111;
	--crd-superficie: #ffffff;
	--crd-fuente-titulos: var(--crd-sans);
	--crd-fuente-texto: var(--crd-sans);
	--crd-radio: 0px;
	--crd-radio-caja: 0px;
	--crd-titulos-espaciado: 0.08em;
}
.crd-tema--minimal .crd-bloque__titulo,
.crd-tema--minimal .cr-grupo-platos__titulo { text-transform: uppercase; font-weight: 600; font-size: 1rem; }
.crd-tema--minimal .cr-carta--tarjetas .cr-plato { border: 1px solid #e5e5e5; }

/* Bistró */
.crd-tema--bistro {
	--crd-fondo: #fff8f0;
	--crd-texto: #2a1a17;
	--crd-superficie: #fffdf9;
	--crd-fuente-titulos: var(--crd-serif);
	--crd-fuente-texto: var(--crd-serif);
	--crd-radio: 4px;
}
.crd-tema--bistro .crd-bloque__titulo { font-style: italic; }

/* Mediterráneo */
.crd-tema--mediterraneo {
	--crd-fondo: #f3f8fb;
	--crd-texto: #12304a;
	--crd-superficie: #ffffff;
	--crd-fuente-titulos: var(--crd-redonda);
	--crd-fuente-texto: var(--crd-sans);
	--crd-radio: 16px;
}

/* Huerta */
.crd-tema--huerta {
	--crd-fondo: #f4f6ee;
	--crd-texto: #1f2a1d;
	--crd-superficie: #fbfcf7;
	--crd-fuente-titulos: var(--crd-serif);
	--crd-fuente-texto: var(--crd-sans);
	--crd-radio: 14px;
}

@media print {
	.crd-negocio.crd-tema { background: #fff; color: #000; padding: 0; }
}

/* Textos que el plugin colorea por su cuenta: en temas oscuros, que hereden. */
.crd-tema .cr-leyenda__titulo,
.crd-tema .cr-leyenda__item,
.crd-tema .cr-grupo-platos__titulo { color: inherit; }
.crd-tema .cr-leyenda__titulo { opacity: .75; }

/* Tipografía de la web: Poppins en todos los estilos (servida en local, ver fuentes.css). */
.crd-tema.crd-tema {
	--crd-poppins: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--crd-fuente-titulos: var(--crd-poppins);
	--crd-fuente-texto: var(--crd-poppins);
}
.crd-tema .cr-carta,
.crd-tema .cr-carta button,
.crd-tema .cr-carta select { font-family: var(--crd-poppins); }