/* ==========================================================================
   Tokens de diseño — Medicina Integral Adulto Mayor / Dra. Daniela Navia
   Colores: extraídos del vector oficial del logo (.ai) — ver CLAUDE.md §7.
   ========================================================================== */

:root {
  /* --- Color: paleta oficial --- */
  --dn-teal-dark:   #467A75;  /* primario; pasa AA sobre blanco (4.9:1) */
  --dn-teal-light:  #63ABA1;  /* decorativo; NO usar para texto sobre blanco */
  --dn-orange:      #D88C2D;  /* acento (barras del logo); NO texto pequeño */
  --dn-graphite:    #606060;  /* gris de la firma */
  --dn-lilac:       #B9ABE4;  /* acento suave de redes (valor por confirmar) */
  --dn-lilac-soft:  #F1EEFA;  /* lila casi blanco para fondos */
  --dn-ink:         #2A3835;  /* texto de cuerpo */
  --dn-bg:          #FFFFFF;
  --dn-bg-soft:     #F2F7F6;  /* teal casi blanco para secciones alternas */
  --dn-wa-green:    #25D366;  /* verde oficial WhatsApp, solo para su botón */
  --dn-wa-green-dk: #1DA851;

  /* --- Tipografía --- */
  --dn-font-sans:   "Hind", "Segoe UI", system-ui, -apple-system, sans-serif;
  --dn-font-script: "Caveat", "Segoe Script", cursive; /* solo acentos decorativos */

  /* Escala tipográfica — base 18px por accesibilidad (audiencia 40+) */
  --dn-fs-sm:    1rem;       /* 16px — solo notas legales/meta */
  --dn-fs-base:  1.125rem;   /* 18px */
  --dn-fs-md:    1.25rem;    /* 20px */
  --dn-fs-lg:    1.5rem;     /* 24px */
  --dn-fs-xl:    1.875rem;   /* 30px */
  --dn-fs-2xl:   2.375rem;   /* 38px */
  --dn-fs-hero:  clamp(2rem, 5vw, 3rem);

  --dn-lh-body:     1.65;
  --dn-lh-heading:  1.25;

  /* --- Espaciado --- */
  --dn-space-1:  0.25rem;
  --dn-space-2:  0.5rem;
  --dn-space-3:  0.75rem;
  --dn-space-4:  1rem;
  --dn-space-6:  1.5rem;
  --dn-space-8:  2rem;
  --dn-space-12: 3rem;
  --dn-space-16: 4rem;

  /* --- Misc --- */
  --dn-container:    72rem;
  --dn-radius:       0.75rem;
  --dn-radius-pill:  999px;
  --dn-shadow:       0 2px 12px rgba(42, 56, 53, 0.10);
  --dn-shadow-lg:    0 6px 24px rgba(42, 56, 53, 0.16);
  --dn-tap-target:   2.75rem;  /* 44px mínimo táctil */
  --dn-transition:   180ms ease;
}