/*
Theme Name: Croco Blank
Theme URI: https://solucionesabiertas.es/
Author: Soluciones Abiertas
Description: Tema classic en blanco para CrocoBuilder. Trae lo minimo que WordPress necesita para arrancar y un reset corto; cualquier decision visual es del builder, no del tema.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: croco-blank
*/

/*
 * La fuente vive aqui y no en el sistema de diseno de CrocoBuilder porque un
 * @font-face no es una decision de diseno, es un recurso del sitio. Registrarla
 * en la Font Library de WordPress no basta: wp_print_font_faces() saca la lista
 * de theme.json, y en un tema classic sin global styles viene vacia.
 *
 * Es variable, asi que se declara el rango entero. Produccion declara solo el
 * peso 400 y por eso alli las negritas salen sinteticas.
 */

@font-face {
	font-family: "Stack Sans Notch";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("assets/StackSansNotch-VariableFont_wght.ttf") format("truetype");
}

/*
 * CrocoBuilder no trae reset global: su CSS es por elemento (image, nav-menu,
 * collection...). Sin estas cuatro reglas se heredan los margenes por defecto
 * del navegador y acabas persiguiendo huecos de 8px que no puso nadie.
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

/*
 * La tipografia base sale de las variables del design system de CrocoBuilder,
 * que las emite en :root. Aqui solo se APLICAN: el valor se sigue editando
 * desde su panel. Hace falta porque sin esto nada pone fuente al body y el
 * navegador cae a su serif por defecto.
 */
body {
	margin: 0;
	font-family: var(--font-body, "Helvetica Neue", Helvetica, Arial, sans-serif);
	color: var(--sa-color-ink, #171312);
}

/* El espaciado lo decide el builder, no el user-agent. */
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd {
	margin: 0;
}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}

input, button, textarea, select {
	font: inherit;
	color: inherit;
}