/* =============================================================
   ESMALTE Clínica Dental — PIEL (tokens de marca)
   -------------------------------------------------------------
   Paleta pensada para transmitir precisión clínica sin frialdad
   de hospital: porcelana/marfil de fondo (el propio esmalte
   dental) + un azul clínico como acento — deliberadamente
   distinto del dorado/verde de LUMINA y sin caer en el celeste
   genérico de clínica low-cost.

   --c-esmalte / --c-esmalte-ink son el gancho fijo que usan
   css/styles.css y css/admin.css (motor) como acento de marca.
   ============================================================= */

:root {
  --c-ink:        #17222c;   /* texto principal, azul-pizarra casi negro */
  --c-ink-soft:   #51606b;   /* texto secundario              */
  --c-bone:       #f3f6f8;   /* fondo de página (porcelana FRÍA, con tinte azulado — deliberadamente distinto del crema cálido de FAUNA) */
  --c-cream:      #ffffff;   /* superficies elevadas / cards   */
  --c-sand:       #e1e7ec;   /* rellenos suaves, gris-azulado  */
  --c-line:       #d4dee5;   /* líneas y bordes               */
  --c-line-soft:  #e6edf1;
  --c-esmalte:      #3f6690;   /* acento clínico (azul pizarra, más saturado que el celeste genérico) */
  --c-esmalte-ink:  #2b4a68;   /* acento sobre claro (texto)     */
  --c-sea:        #14212c;   /* azul-pizarra muy oscuro (secciones osc.) */
  --c-sea-2:      #1c3040;
  --c-sea-line:   #2e4756;
  --c-on-dark:      #f2f6f8; /* texto sobre fondo oscuro       */
  --c-on-dark-soft: #a9bbc7;

  /* ---- Tipografía ---------------------------------------------
     Titulares : Lora — serif cálida y legible, transmite confianza
                 sin la frialdad de una geométrica de hospital.
     Texto     : Inter — máxima legibilidad, neutra.               */
  --font-display: "Lora", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Lora es una familia estática (no variable como Fraunces en LUMINA);
     este eje queda neutro para que el motor (css/styles.css) no referencie
     una custom property sin definir. */
  --fraunces-soft: normal;

  --fs-hero:  clamp(2.6rem, 1.7rem + 4vw, 4.6rem);
  --fs-h2:    clamp(1.85rem, 1.35rem + 2.2vw, 2.9rem);
  --fs-h3:    clamp(1.28rem, 1.12rem + .65vw, 1.58rem);
  --fs-lg:    clamp(1.05rem, 1rem + .3vw,  1.18rem);
  --fs-base:  1.0625rem;
  --fs-sm:    .875rem;
  --fs-xs:    .75rem;

  --tracking-eyebrow: .2em;
  --leading-tight: 1.1;
  --leading-body:  1.66;

  --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;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow-sm:  0 1px 2px rgba(28,42,53,.05), 0 6px 20px rgba(28,42,53,.06);
  --shadow-md:  0 26px 60px -28px rgba(28,42,53,.30);
  --shadow-lg:  0 40px 80px -32px rgba(28,42,53,.38);

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

  /* ---- Agenda (booking) --------------------------------------- */
  --c-free:      #2f7d5b;
  --c-free-bg:   #e4f1e9;
  --c-busy:      #8a9490;
  --c-busy-bg:   #eef1f0;
  --c-pending:   #2b4a68;
  --c-pending-bg:#e4ecf5;

  color-scheme: light;
}