/* ============================================================
   TOKENS — Sistema de diseño Las Propiedades Bienes Raíces
   Base neutra elegante + colores de marca como acentos.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@200;300;400;500;600&display=swap');

:root {
  /* ----- Colores de marca (uso como acento, no como base) ----- */
  --brand-red:    #D90000;
  --brand-green:  #48A23F;
  --brand-yellow: #C9A000;

  /* ----- Cimiento neutro cálido ----- */
  --ink:          #1A1A17;   /* texto principal / casi-negro cálido */
  --ink-soft:     #46453E;   /* texto secundario */
  --muted:        #8B897F;   /* texto tenue / metadatos */
  --line:         #E4E0D7;   /* hairline sobre claro */
  --paper:        #F7F5EF;   /* fondo de página off-white cálido */
  --paper-2:      #EEEBE2;   /* superficie secundaria */
  --surface-dark: #14130F;   /* secciones oscuras */

  /* ----- Tinta sobre fondos oscuros ----- */
  --on-dark:        #F4F2EC;
  --on-dark-soft:   rgba(244, 242, 236, 0.60);
  --on-dark-faint:  rgba(244, 242, 236, 0.34);
  --on-dark-line:   rgba(244, 242, 236, 0.14);

  /* ----- Acentos (uso puntual) ----- */
  --accent:       var(--brand-green);
  --accent-deep:  #3A8632;
  --accent-warm:  var(--brand-yellow);

  /* ----- Tipografía -----
     Estilo Modlin: una sola familia sans (Archivo). Los titulares
     son finos, en mayúsculas y con tracking amplio. Conservamos el
     alias --font-serif por compatibilidad, apuntando a la misma sans. */
  --font-sans:  'Archivo', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-serif: var(--font-sans);
  --font-display: var(--font-sans);

  /* ----- Escala tipográfica fluida ----- */
  --fs-display: clamp(2.4rem, 5vw, 4.5rem);
  --fs-h1:      clamp(2.1rem, 4.4vw, 4rem);
  --fs-h2:      clamp(1.6rem, 3vw, 2.6rem);
  --fs-h3:      clamp(1.1rem, 1.7vw, 1.45rem);
  --fs-body:    1rem;
  --fs-small:   0.8125rem;
  --fs-eyebrow: 0.6875rem;

  /* ----- Escala de espaciado ----- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 140px;

  /* ----- Layout ----- */
  --maxw:  1400px;
  --pad-x: clamp(24px, 5vw, 80px);

  /* ----- Tracking ----- */
  --track-eyebrow: 0.28em;
  --track-label:   0.18em;
  --track-display: 0.16em;  /* titulares en mayúsculas estilo Modlin */
  --weight-display: 300;

  /* ----- Movimiento ----- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur:  0.5s;

  /* ----- Sombras sutiles ----- */
  --shadow-sm: 0 1px 3px rgba(20, 19, 15, 0.06);
  --shadow-md: 0 18px 50px -22px rgba(20, 19, 15, 0.35);
}