/*
Theme Name: 3arcLINK Child
Description: Tema hijo de Hello Elementor para 3arcLINK. Tokens de diseno (colores y tipografias) y clases de utilidad extraidas del PDF de diseno.
Template: hello-elementor
Version: 1.2.0
Text Domain: 3arclink-child
*/

:root {
	--c-ink: #3a3a3a;
	--c-body: #8c8c8c;
	--c-bg: #ffffff;
	--c-panel: #efefef;
	--c-slate: #8d9cb0;
	--c-dark: #1a1a1a;
	--c-dark-slate: #4c5057;
	--grad-dark: linear-gradient(180deg, #1a1a1a 0%, #4c5057 100%);

	--font-display: "neue-haas-grotesk-display", 'Inter', sans-serif; /* Adobe kit xsr6lct, peso 900 */
	--font-text: "neue-haas-grotesk-text", 'Inter', sans-serif;       /* Adobe kit xsr6lct, peso 400 */
	--font-sans: 'Inter', -apple-system, system-ui, sans-serif;
	--font-mono: 'Space Mono', 'Courier New', monospace;
}

/* Etiqueta de seccion: "seleccion de proyectos en curso" / "who & contact" */
.label-mono { font-family: var(--font-mono); font-weight: 700; letter-spacing: 0.18em; color: var(--c-ink); }

/* Display fino: "VENTURE ARCHITECTURE" — Neue Haas Grotesk Text 400 */
.display-thin { font-family: var(--font-text); font-weight: 400; text-transform: uppercase; letter-spacing: 0.01em; line-height: 1.05; color: var(--c-ink); }

/* Titular pesado: "Estrategia, estructura e identidad..." — Neue Haas Grotesk Display 900 */
.heading-heavy { font-family: var(--font-display); font-weight: 900; line-height: 1.1; color: var(--c-ink); }

/* Titulo de proyecto: "Iniciativa de reposicionamiento cultural" — Neue Haas Grotesk Text 400 */
.project-title { font-family: var(--font-text); font-weight: 400; letter-spacing: 0.2em; text-align: center; color: var(--c-ink); }

/* Cuerpo gris */
.body-grey { font-family: var(--font-sans); font-weight: 400; line-height: 1.65; color: var(--c-body); }

/* Panel gris claro tras columnas de texto */
.panel-light { background: var(--c-panel); }

/* Seccion oscura con degradado */
.section-dark { background: var(--grad-dark); color: #fff; }

.brand-slate { color: var(--c-slate); }