/* =============================================================
   FAUNA Clínica Veterinaria — PIEL (tokens de marca)
   -------------------------------------------------------------
   Paleta cálida y terrosa (arcilla/terracota sobre avena tostada),
   deliberadamente distinta del azul-pizarra frío de ESMALTE y del
   dorado/verde-noche de LUMINA: una clínica veterinaria vende
   calidez animal, no frialdad de instrumental. El musgo queda como
   tono secundario (fondos oscuros de sección); el acento principal
   —el que se usa en botones y enlaces— es terracota, no verde.

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

:root {
  --c-ink:        #2e2416;   /* texto principal, marrón-tierra muy oscuro (NO verde-negro, para no leer "igual" que un verde oscuro) */
  --c-ink-soft:   #6b5d47;   /* texto secundario, cálido           */
  --c-bone:       #f8f0e0;   /* fondo de página (avena tostada, mucho más saturado que el porcelana frío de ESMALTE) */
  --c-cream:      #fffcf5;   /* superficies elevadas / cards, con calidez propia (no blanco puro) */
  --c-sand:       #eee0c4;   /* rellenos suaves, tostado           */
  --c-line:       #ddc9a0;   /* líneas y bordes, cálidos           */
  --c-line-soft:  #ecdfc0;
  --c-fauna:      #b2603a;   /* acento TERRACOTA (cálido, no verde) — botones, enlaces, foco */
  --c-fauna-ink:  #8a4726;   /* acento sobre claro (texto)          */
  --c-sea:        #33301c;   /* musgo-tierra muy oscuro (secciones osc.) — secundario, no protagonista */
  --c-sea-2:      #3f3c24;
  --c-sea-line:   #55512f;
  --c-on-dark:      #f7f0df; /* texto sobre fondo oscuro       */
  --c-on-dark-soft: #cabb8f;

  /* ---- Tipografía ---------------------------------------------
     Titulares : Bitter — slab serif cálida y robusta, transmite
                 cercanía sin perder seriedad clínica.
     Texto     : Inter — máxima legibilidad, neutra.               */
  --font-display: "Bitter", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fraunces-soft: normal; /* Bitter es estática; motor no depende de este eje */

  --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.15;
  --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(38,48,31,.05), 0 6px 20px rgba(38,48,31,.06);
  --shadow-md:  0 26px 60px -28px rgba(38,48,31,.30);
  --shadow-lg:  0 40px 80px -32px rgba(38,48,31,.38);

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

  /* ---- Agenda (booking) --------------------------------------- */
  --c-free:      #4c7a4f;
  --c-free-bg:   #e6efe0;
  --c-busy:      #948a72;
  --c-busy-bg:   #efeadd;
  --c-pending:   #a67c2e;
  --c-pending-bg:#f3e6cc;

  color-scheme: light;
}