/* =============================================================
   ALTOZANO Real Estate — PIEL (tokens de marca)
   -------------------------------------------------------------
   Este es el ÚNICO fichero de estilo que cambia por sitio/nicho.
   El "motor" (css/styles.css, css/admin.css) no se toca al lanzar
   un sitio nuevo: se duplica esta piel y se sustituyen colores,
   tipografía y etiquetas de negocio.

   Los nombres de variable --c-altozano / --c-altozano-ink son un
   "gancho" fijo que usan css/styles.css y css/admin.css (motor)
   como acento de marca; cada sitio del catálogo los redefine con
   su propio color, sin tocar el motor. Ver ARQUITECTURA.md.
   ============================================================= */

:root {
  /* ---- Paleta ------------------------------------------------
     Identidad heredada de la marca (escudo dorado/negro):
     dorado cálido de latón, negro profundo y piedra caliza
     de Madrid — el "oro y tierra" del Barrio de Salamanca.   */
  --c-ink:        #1c1810;   /* texto principal / negro cálido */
  --c-ink-soft:   #5a5142;   /* texto secundario              */
  --c-bone:       #f6f2e9;   /* fondo de página               */
  --c-cream:      #fdfbf5;   /* superficies elevadas / cards   */
  --c-sand:       #ece0c8;   /* rellenos suaves               */
  --c-line:       #ded0ab;   /* líneas y bordes               */
  --c-line-soft:  #ecdfc0;
  --c-altozano:      #b3894f;   /* acento dorado (fondos, líneas) */
  --c-altozano-ink:  #8a6636;   /* acento sobre claro (texto)     */
  --c-sea:        #211d16;   /* negro cálido (secciones oscuras) */
  --c-sea-2:      #2c2519;
  --c-sea-line:   #473c28;
  --c-on-dark:      #f3ede0; /* texto sobre fondo oscuro       */
  --c-on-dark-soft: #c1b7a3;

  /* ---- Tipografía ---------------------------------------------
     Titulares : Space Grotesk (geométrica, contemporánea)
     Texto     : Plus Jakarta Sans (humanista, muy legible)     */
  --font-display: "Space Grotesk", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans:    "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fraunces-soft: "SOFT" 0, "WONK" 0; /* Space Grotesk no tiene ejes variables; token neutro */

  --fs-hero:  clamp(2.7rem, 1.7rem + 4.4vw, 4.9rem);
  --fs-h2:    clamp(1.9rem, 1.35rem + 2.4vw, 3rem);
  --fs-h3:    clamp(1.3rem, 1.12rem + .7vw, 1.62rem);
  --fs-lg:    clamp(1.06rem, 1rem + .35vw,  1.2rem);
  --fs-base:  1.0625rem;
  --fs-sm:    .875rem;
  --fs-xs:    .75rem;

  --tracking-eyebrow: .22em;
  --leading-tight: 1.08;
  --leading-body:  1.68;

  /* ---- Ritmo y layout ------------------------------------- */
  --container:        1280px;
  --container-narrow: 860px;
  --gutter:    clamp(1.25rem, 5vw, 4rem);
  --section-y: clamp(4.5rem, 8vw, 8.5rem);
  --head-h:    72px;
  --topbar-h:  38px;

  --radius:    8px;    /* base: campos, etiquetas… (líneas rectas, más "arquitectónico") */
  --radius-lg: 10px;   /* tarjetas y paneles */
  --radius-pill: 999px;/* pulsadores */

  --shadow-sm:  0 1px 2px rgba(28,24,16,.04), 0 6px 20px rgba(28,24,16,.06);
  --shadow-md:  0 26px 60px -28px rgba(28,24,16,.32);
  --shadow-lg:  0 40px 80px -32px rgba(28,24,16,.4);

  /* ---- Movimiento ---------------------------------------- */
  --ease:     cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur:      .5s;

  color-scheme: light;
}