/**
 * ZenFlow CRM — Variables de Diseño Yoga Zen & Clay UI
 * Inspirado en Niond & Weihu Dashboard References
 */

:root {
  /* Lienzo y Superficies */
  --zen-canvas: #f0f2f6;
  --zen-surface: #ffffff;
  --zen-surface-soft: #f8fafc;
  --zen-sidebar-bg: #ffffff;

  /* Textos */
  --zen-text-main: #181e28;
  --zen-text-muted: #64748b;
  --zen-text-light: #94a3b8;

  /* Acento Vibrante Zen (Estilo Niond) */
  --zen-lime: #d6f64a;
  --zen-lime-hover: #c5e738;
  --zen-lime-dark: #1a2505;
  --zen-lime-glow: 0 4px 16px rgba(214, 246, 74, 0.4);

  /* Paleta Pastel Suave (Estilo Weihu & Niond) */
  --zen-lavender-bg: #eae3fc;
  --zen-lavender-text: #4a3489;
  --zen-lavender-border: #dcd2f9;

  --zen-sky-bg: #d7ebfe;
  --zen-sky-text: #19528d;
  --zen-sky-border: #bfdefe;

  --zen-mint-bg: #d4f5e0;
  --zen-mint-text: #19643a;
  --zen-mint-border: #b8eed0;

  --zen-chai-bg: #fdecd8;
  --zen-chai-text: #8c4c16;
  --zen-chai-border: #fbd6b1;

  --zen-rose-bg: #fde2eb;
  --zen-rose-text: #8b254e;
  --zen-rose-border: #fabecc;

  /* Contraste Bosque Zen */
  --zen-teal-dark: #0f494c;
  --zen-teal-dark-hover: #0a3a3d;

  /* WhatsApp Oficial */
  --zen-whatsapp: #25d366;
  --zen-whatsapp-hover: #20bd5a;
  --zen-whatsapp-glow: 0 4px 16px rgba(37, 211, 102, 0.35);

  /* Sombras Clay Suaves */
  --zen-shadow-sm: 0 2px 6px rgba(20, 32, 49, 0.04);
  --zen-shadow-md: 0 6px 20px rgba(20, 32, 49, 0.06);
  --zen-shadow-lg: 0 12px 32px rgba(20, 32, 49, 0.08);
  --zen-shadow-hover: 0 14px 36px rgba(20, 32, 49, 0.1);

  /* Bordes Redondeados */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  /* Animaciones */
  --zen-transition: all 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  --zen-font: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}