/* =====================================================================
   ChiloeDigital — TOKENS DE DISENO
   Paleta y fuentes importadas desde el diseño de Claude Design.
   El diseño usa estilos en línea con estos mismos valores; estas
   variables alimentan el formulario y los estilos base.
   ===================================================================== */

:root {
	/* Inline-vars que usa el markup del diseño (con fallback propio) */
	--accent: #C56B45;          /* Terracota / acento */
	--weave-display: block;     /* Mostrar la franja "telar". 'none' la oculta */

	/* -------- Paleta de marca -------- */
	--cd-primario: #1F3D42;       /* Verde-azulado profundo (sur / mar) */
	--cd-primario-osc: #1A3438;   /* Variante oscura (footer) */
	--cd-acento: #C56B45;         /* Terracota */
	--cd-acento-claro: #E7B79A;   /* Terracota claro (sobre fondo oscuro) */
	--cd-madera: #8A5A38;         /* Madera (acentos itálicos) */

	/* -------- Neutros cálidos -------- */
	--cd-crema: #FBF8F1;          /* Crema principal */
	--cd-crema-2: #F4EFE6;        /* Crema de fondo */
	--cd-arena: #EFE8DA;          /* Arena (secciones alternas) */
	--cd-texto: #2B2926;          /* Texto principal */
	--cd-texto-suave: #74716A;    /* Texto secundario */
	--cd-borde: #E7DECF;          /* Bordes / separadores */
	--cd-borde-input: #DDD3BF;    /* Borde de campos de formulario */

	/* -------- Tipografías -------- */
	--cd-fuente-titulo: 'Spectral', Georgia, 'Times New Roman', serif;
	--cd-fuente-texto: 'Hanken Grotesk', system-ui, -apple-system, Roboto, Arial, sans-serif;

	/* -------- Otros -------- */
	--cd-ancho-max: 1180px;
	--cd-radio: 3px;
	--cd-trans: 0.2s ease;
}