@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

:root {
	/* Tipografía Global */
	--font-primary: 'Montserrat', sans-serif;
	
	/* Tamaños Fluidos */
	--font-size-h1: clamp(2rem, 5vw, 3.5rem); /* Títulos ~35pt */
	--font-size-h2: clamp(1.75rem, 4vw, 3rem); /* Subtítulos ~32pt */
	--font-size-h3: clamp(1.5rem, 3vw, 2.25rem);
	--font-size-h4: clamp(1.25rem, 2.5vw, 1.75rem);
	--font-size-h5: clamp(1.125rem, 2vw, 1.5rem);
	--font-size-h6: clamp(1rem, 1.5vw, 1.25rem);
	--font-size-body: clamp(1rem, 2vw, 1.125rem);

	/* Paleta de Color Global (Corporativa) */
	--color-black: #000000;
	--color-white: #FFFFFF;
	--color-dark-gray: #2F3234; /* RAL 7021 */
	--color-light-gray: #EDEDED; /* RAL 9003 */

	/* Colores de Segmento Base */
	--color-segment-transport: #DB5211; /* RAL 2004 */
	--color-segment-construction: #FECD1A; /* RAL 1007 */
	--color-segment-solar: #75AD1E; /* RAL 6018 */
	--color-segment-electric: #005387; /* RAL 5005 */

	/* Layout & Spacing */
	--max-width: 1440px;
	--container-padding: clamp(1rem, 5vw, 5rem);
	--border-radius: 8px;
	--transition-base: 0.3s ease-in-out;
}

/* 
 * Sistema de Variables Dinámicas por Segmento
 * La clase del body dictará qué color se asigna a --color-segment
 */

/* Default / Corporate / Warranty */
body, 
body.segment-corporate, 
body.segment-warranty { 
	--color-segment: var(--color-dark-gray); 
	--color-segment-text: var(--color-light-gray); 
}

/* Transporte FAW Trucks */
body.segment-transport { 
	--color-segment: var(--color-segment-transport); 
	--color-segment-text: var(--color-white); 
}

/* Construcción */
body.segment-construction { 
	--color-segment: var(--color-segment-construction); 
	/* Texto oscuro sobre amarillo para contraste WCAG AA */
	--color-segment-text: var(--color-dark-gray); 
}

/* Solar Eco */
body.segment-solar { 
	--color-segment: var(--color-segment-solar); 
	--color-segment-text: var(--color-white); 
}

/* Eléctrico Diésel */
body.segment-electric { 
	--color-segment: var(--color-segment-electric); 
	--color-segment-text: var(--color-white); 
}

/* Reset Básico Tipográfico */
body {
	font-family: var(--font-primary);
	font-size: var(--font-size-body);
	color: var(--color-dark-gray);
	background-color: var(--color-white);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-primary);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 1rem;
	color: var(--color-dark-gray);
}

h1 { font-size: var(--font-size-h1); font-weight: 900; }
h2 { font-size: var(--font-size-h2); font-weight: 800; }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }