/* OleoBlanca: la ficha de la almazara. Tokens del sistema (DESIGN.md) y fuentes alojadas en el tema. */

/* Cormorant Garamond y Hanken Grotesk son variables: un fichero por estilo y subconjunto sirve todos los pesos.
   Las tres familias son SIL OFL 1.1, descargadas de Google Fonts el 01/10/2026. */
@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-italic-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 400 600;
	font-display: swap;
	src: url("../fonts/cormorant-garamond-italic-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/hanken-grotesk-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Hanken Grotesk";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/hanken-grotesk-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "DM Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/dm-mono-400-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "DM Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/dm-mono-400-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "DM Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/dm-mono-500-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Papel y tinta (manual PREMIUM 2026) */
	--obt-hueso: #f5efe4;
	--obt-bosque: #1e301e;
	--obt-andevalo: #0a4700;
	--obt-oro: #847d00;
	--obt-lino: #e6dec9;
	--obt-blanco: #fff;
	--obt-hueso-atenuado: #d3d0c4;
	--obt-musgo: #3e4a3c;
	--obt-whatsapp: #25d366;
	--obt-error: #8a1f11;
	--obt-borde: rgba(30, 48, 30, 0.16);
	--obt-borde-campo: rgba(30, 48, 30, 0.45);
	--obt-filete: 1px solid var(--obt-borde);

	/* Tipos */
	--obt-serifa: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--obt-sans: "Hanken Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;
	--obt-mono: "DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--obt-t-display: clamp(2.5rem, 1.6rem + 3.8vw, 4.5rem);
	--obt-t-pagina: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);
	--obt-t-titular: clamp(2rem, 1.5rem + 2vw, 3.25rem);
	--obt-t-titulo: clamp(1.5rem, 1.3rem + 0.8vw, 2rem);
	--obt-t-entradilla: clamp(1.125rem, 1.05rem + 0.35vw, 1.3125rem);
	--obt-t-cuerpo: 1.0625rem;
	--obt-t-pequeno: 0.9375rem;
	--obt-t-dato: 0.8125rem;
	--obt-t-precio: 1.75rem;

	/* Espacio y medida */
	--obt-ancho: 1180px;
	--obt-ancho-texto: 40rem;
	--obt-medianil: clamp(18px, 3.6vw, 32px);
	--obt-seccion: clamp(56px, 7.5vw, 96px);
	--obt-hueco: clamp(16px, 2.2vw, 28px);
	--obt-r-campo: 6px;
	--obt-r-tarjeta: 12px;
	--obt-r-bloque: 20px;

	/* Profundidad: plana; solo flota lo que flota */
	--obt-sombra-flotante: 0 8px 28px rgba(30, 48, 30, 0.12);

	/* Movimiento: salida exponencial; cajón */
	--obt-ease-salida: cubic-bezier(0.23, 1, 0.32, 1);
	--obt-ease-cajon: cubic-bezier(0.32, 0.72, 0, 1);
	--obt-d-pulsar: 140ms;
	--obt-d-estado: 200ms;
	--obt-d-panel: 380ms;

	/* Foco: Andévalo sobre papel; en las masas oscuras, hueso */
	--obt-foco: var(--obt-andevalo);
	--obt-alto-cabecera: 112px;
}