/* =============================================================
   LUMINA Láser Clínica — PIEL (tokens de marca)
   -------------------------------------------------------------
   Paleta pensada para un nicho nuevo del catálogo (clínicas):
   confianza clínica (verde azulado, casi médico) + un acento
   cálido de "luz" que remite al propio láser, sin caer en el
   rosa-pastel genérico de la estética de bajo coste.

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

:root {
  --c-ink:        #172524;   /* texto principal, verde-negro muy oscuro */
  --c-ink-soft:   #4f615f;   /* texto secundario              */
  --c-bone:       #f2f6f5;   /* fondo de página (blanco clínico, no cream) */
  --c-cream:      #ffffff;   /* superficies elevadas / cards   */
  --c-sand:       #e3ebe9;   /* rellenos suaves               */
  --c-line:       #d3e0dd;   /* líneas y bordes               */
  --c-line-soft:  #e6efed;
  --c-lumina:      #caa15a;   /* acento "luz" (dorado cálido, el láser) */
  --c-lumina-ink:  #a67d3a;   /* acento sobre claro (texto)     */
  --c-sea:        #113332;   /* verde clínico muy oscuro (secciones osc.) */
  --c-sea-2:      #17423f;
  --c-sea-line:   #2c5551;
  --c-on-dark:      #eef5f3; /* texto sobre fondo oscuro       */
  --c-on-dark-soft: #a9c2be;

  /* ---- Tipografía ---------------------------------------------
     Titulares : Fraunces (con menos calidez que en Marés: pesos
                 altos, sin cursivas) — transmite trato humano
                 sin perder seriedad clínica.
     Texto     : Inter — máxima legibilidad, neutra, la que se
                 espera en cualquier información de salud.       */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fraunces-soft: "SOFT" 30, "WONK" 0;

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

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

  /* ---- Agenda (nuevo, solo LUMINA) ------------------------- */
  --c-free:      #2f7d5b;
  --c-free-bg:   #e4f1e9;
  --c-busy:      #8a9490;
  --c-busy-bg:   #eef1f0;
  --c-pending:   #a67d3a;
  --c-pending-bg:#f5ecda;

  color-scheme: light;
}