/* Oro de Ostur: el sello del ánfora. Tokens del sistema (DESIGN.md). El verde Ostur en campos enteros, el lima del
   ánfora solo sobre verde (sobre blanco no se lee), blanco y niebla de olivo para lo que se compra y se lee. */

@font-face {
	font-family: "El Messiri";
	src: url("../fonts/el-messiri.woff2") format("woff2");
	font-weight: 400 700;
	font-style: normal;
	font-display: swap;
	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: "Alegreya Sans";
	src: url("../fonts/alegreya-sans-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	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: "Alegreya Sans";
	src: url("../fonts/alegreya-sans-700.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	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 {
	/* Campos de color */
	--os-verde: #455400;
	--os-verde-hondo: #2b3500;
	--os-hoja: #546700;
	--os-lima: #d4d81c;
	--os-lima-claro: #eef0a8;
	--os-niebla: #f2f4e6;
	--os-niebla-honda: #e6e9d2;
	--os-blanco: #fff;

	/* Tinta */
	--os-tinta: #1f2608;
	--os-tinta-suave: #4a5230;
	--os-sobre-verde: #e9edc9;
	--os-linea: #d9ddbf;
	--os-linea-campo: #7c8656;
	--os-linea-verde: rgba(212, 216, 28, 0.32);
	--os-error: #a3321f;
	--os-error-fondo: #fbece8;

	/* Tipos */
	--os-titular: "El Messiri", Georgia, "Times New Roman", serif;
	--os-texto: "Alegreya Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
	--os-t-display: clamp(2.25rem, 1.45rem + 3.4vw, 4rem);
	--os-t-pagina: clamp(2rem, 1.45rem + 2.4vw, 3.25rem);
	--os-t-producto: clamp(1.875rem, 1.5rem + 1.6vw, 2.75rem);
	--os-t-titular: clamp(1.75rem, 1.35rem + 1.6vw, 2.5rem);
	--os-t-titulo: 1.375rem;
	--os-t-tarjeta: 1.3125rem;
	--os-t-entradilla: clamp(1.1875rem, 1.1rem + 0.35vw, 1.375rem);
	--os-t-cuerpo: 1.1875rem;
	--os-t-pequeno: 1.0625rem;
	--os-t-etiqueta: 0.9375rem;
	--os-t-precio: 2rem;

	/* Espacio y medida */
	--os-ancho: 1240px;
	--os-ancho-texto: 42rem;
	--os-medianil: clamp(16px, 4vw, 48px);
	--os-seccion: clamp(56px, 8vw, 104px);
	--os-hueco: clamp(16px, 2vw, 28px);
	--os-radio: 4px;

	/* Profundidad (siempre con desplazamiento y desenfoque) */
	--os-sombra-tablero: 0 18px 44px rgba(31, 38, 8, 0.14), 0 2px 6px rgba(31, 38, 8, 0.06);
	--os-sombra-tarjeta: 0 14px 32px rgba(31, 38, 8, 0.12);
	--os-sombra-panel: -14px 0 36px rgba(31, 38, 8, 0.28);

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

	/* Foco: verde hoja sobre claro; lima sobre verde */
	--os-foco: var(--os-hoja);
}