/* ============================================================
   FARMA-PUNTOS — Design Tokens (Shared)
   Archivo centralizado de CSS Custom Properties.
   Cargado en TODAS las páginas del plugin (admin + frontend).
   Las opciones de Apariencia (⚙️ Ajustes → Apariencia) inyectan
   un bloque :root adicional vía wp_add_inline_style() que
   sobreescribe estos valores sin tocar este archivo.

   ¡NO duplicar este bloque en admin.css ni en public.css!
   ============================================================ */

:root {
  /* ── Marca — Paleta Verde-Azul ─────────────────────────── */
  --fp-navy:        #0e3d3a;
  --fp-navy-mid:    #145655;
  --fp-teal:        #0d9488;
  --fp-teal-light:  #14b8a6;
  --fp-teal-dark:   #0f766e;
  --fp-blue:        #0891b2;
  --fp-blue-light:  #06b6d4;
  --fp-cyan:        #22d3ee;
  --fp-green:       #10b981;
  --fp-green-light: #34d399;
  --fp-amber:       #f59e0b;
  --fp-red:         #ef4444;
  --fp-purple:      #7c3aed;

  /* ── Superficies ───────────────────────────────────────── */
  --fp-surface:   #f0fdfa;
  --fp-surface-2: #ccfbf1;
  --fp-border:    #99f6e2;
  --fp-white:     #ffffff;

  /* ── Texto ─────────────────────────────────────────────── */
  --fp-text:      #0f172a;
  --fp-text-mid:  #475569;
  --fp-text-soft: #64748b; /* ratio 4.6:1 sobre blanco — cumple WCAG AA */

  /* ── Sombras ────────────────────────────────────────────── */
  --fp-shadow-sm: 0 1px 3px rgba(0,0,0,.08);
  --fp-shadow-md: 0 4px 12px rgba(0,0,0,.10);
  --fp-shadow-lg: 0 8px 24px rgba(0,0,0,.12);

  /* ── Radios ─────────────────────────────────────────────── */
  --fp-radius-sm:   6px;
  --fp-radius-md:   10px;
  --fp-radius-lg:   12px;
  --fp-radius-xl:   14px;
  --fp-radius-full: 9999px;
  --fp-btn-radius:  8px;   /* radio específico para botones */

  /* ── Tipografía ─────────────────────────────────────────── */
  --fp-font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fp-fs-base:     14px;

  /* ── Transiciones ───────────────────────────────────────── */
  --fp-transition: all .15s ease;
}