/* =============================================================
   MARÉS · Private Estates — 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.

   Ver ARQUITECTURA.md · "Motor y piel".
   ============================================================= */

:root {
  /* ---- Paleta -------------------------------------------------
     Menorca: piedra de marès (latón cálido), cal blanca,
     verde mediterráneo profundo, arena y luz.               */
  --c-ink:        #1d1b16;   /* texto principal / negro cálido */
  --c-ink-soft:   #5b544b;   /* texto secundario              */
  --c-bone:       #f5f1e8;   /* fondo de página               */
  --c-cream:      #fdfbf7;   /* superficies elevadas / cards   */
  --c-sand:       #ece2cf;   /* rellenos suaves               */
  --c-line:       #e0d5c1;   /* líneas y bordes               */
  --c-line-soft:  #ebe2d2;
  --c-mares:      #b3894f;   /* acento latón (fondos, líneas)  */
  --c-mares-ink:  #8a6636;   /* acento sobre claro (texto)     */
  --c-sea:        #16302c;   /* verde profundo (secciones osc.)*/
  --c-sea-2:      #1f423c;
  --c-sea-line:   #38574f;
  --c-on-dark:      #f3ede0; /* texto sobre fondo oscuro       */
  --c-on-dark-soft: #b7c1b7;

  /* ---- Tipografía -------------------------------------------
     Titulares : Fraunces  (serif suave, cálido, con carácter)
     Texto     : Figtree   (sans humanista, amable, legible)   */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans:    "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Ejes variables de Fraunces (suavidad de los remates) */
  --fraunces-soft: "SOFT" 55, "WONK" 0;

  --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:    10px;   /* base: campos, etiquetas… (sin esquinas duras) */
  --radius-lg: 14px;   /* tarjetas y paneles */
  --radius-pill: 999px;/* pulsadores */

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

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

  color-scheme: light;
}