/*
  00-variables.css — 224live
  Variables CSS globales del sistema de diseño.
  Fuente de verdad para toda la identidad visual.
  ─────────────────────────────────────────────
  IDÉNTICO a la fuente canónica (01_WEB_ACTUAL_HTML / 02_ASSETS).
  No se ha modificado ningún token: paleta, tipografía y espaciados
  son los del HTML original.
*/

:root {
  /* Fondos */
  --bg:      #F8F5F0;   /* Fondo principal cálido */
  --bg-alt:  #F0EBE3;   /* Fondo alternativo ligeramente más oscuro */
  --bg-dark: #111214;   /* Fondo oscuro (secciones, footer, hero servicios) */

  /* Texto */
  --text:    #141416;   /* Texto principal */
  --t2:      #6B6B72;   /* Texto secundario */
  --t3:      #A0A0A8;   /* Texto terciario / etiquetas */

  /* Líneas y bordes */
  --line:    #E2DDD6;

  /* Colores de acento */
  --orange:  #E8732A;   /* CTA principal, acento venta */
  --blue:    #1B5FAD;   /* Acento compra */
  --green:   #3DAA8A;   /* Acento asesoramiento / relocation */
  --gold:    #B8930C;   /* Marca 224 */

  /* Tipografía */
  --lato:    'Lato', 'Helvetica Neue', Helvetica, sans-serif;

  /* Espaciado */
  --ph:      clamp(28px, 6vw, 88px);          /* Padding horizontal páginas */
  --pv:      clamp(88px, 11vw, 152px);        /* Padding vertical secciones */
}