/* ─────────────────────────────────────────────────────────────
   BotFlow — Color tokens
   Brand: emerald (WhatsApp-adjacent, deepened for trust).
   Neutrals: faintly green-tinted slate so the brand sits in family.
   Light mode is primary; .dark scope provided.
   ───────────────────────────────────────────────────────────── */
:root {
  /* ── Brand scale (emerald) ───────────────────────────────── */
  --brand-50:  #ECFDF5;
  --brand-100: #D1FAE5;
  --brand-200: #A7F3D0;
  --brand-300: #6EE7B7;
  --brand-400: #34D399;
  --brand-500: #10B981;
  --brand-600: #059669;  /* primary action */
  --brand-700: #047857;  /* hover / pressed */
  --brand-800: #065F46;
  --brand-900: #064E3B;
  --brand-950: #022C22;

  /* ── Neutral scale (green-tinted slate) ──────────────────── */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F7FAF9;
  --neutral-100: #F0F4F3;
  --neutral-200: #E4EAE8;  /* hairline borders */
  --neutral-300: #D2DBD9;
  --neutral-400: #9BA8A4;
  --neutral-500: #6A7672;  /* muted / secondary text */
  --neutral-600: #4C5754;
  --neutral-700: #36413E;
  --neutral-800: #1E2725;  /* body text */
  --neutral-900: #111716;  /* headings */
  --neutral-950: #0A0F0E;

  /* ── Semantic status: pipeline estados ───────────────────── */
  /* Nuevo — blue (information / fresh) */
  --estado-nuevo-fg:  #1D4ED8;
  --estado-nuevo-bg:  #EAF1FE;
  --estado-nuevo-bd:  #C9DBFB;
  /* Contactado — amber (in progress) */
  --estado-contactado-fg: #B45309;
  --estado-contactado-bg: #FDF3E2;
  --estado-contactado-bd: #F7E0B8;
  /* Ganado — emerald (success / brand) */
  --estado-ganado-fg: #047857;
  --estado-ganado-bg: #E7F7EF;
  --estado-ganado-bd: #BCEBD3;
  /* Perdido — rose (lost, soft not alarming) */
  --estado-perdido-fg: #BE123C;
  --estado-perdido-bg: #FDECEF;
  --estado-perdido-bd: #F8CDD6;

  /* ── Semantic: clasificación de conversación ─────────────── */
  /* Interesado — green positive */
  --clasif-interesado-fg: #047857;
  --clasif-interesado-bg: #E7F7EF;
  /* Consulta — violet neutral-info */
  --clasif-consulta-fg: #6D28D9;
  --clasif-consulta-bg: #F1ECFE;
  /* No interesado — slate muted */
  --clasif-noint-fg: #4C5754;
  --clasif-noint-bg: #EEF1F0;

  /* ── Feedback (toasts, alerts) ───────────────────────────── */
  --success-fg: #047857; --success-bg: #E7F7EF; --success-bd: #BCEBD3;
  --warning-fg: #B45309; --warning-bg: #FDF3E2; --warning-bd: #F7E0B8;
  --danger-fg:  #BE123C; --danger-bg:  #FDECEF; --danger-bd:  #F8CDD6;
  --info-fg:    #1D4ED8; --info-bg:    #EAF1FE; --info-bd:    #C9DBFB;

  /* ── Semantic aliases (shadcn-style) ─────────────────────── */
  --background:           var(--neutral-50);
  --foreground:           var(--neutral-900);
  --card:                 var(--neutral-0);
  --card-foreground:      var(--neutral-900);
  --popover:              var(--neutral-0);
  --popover-foreground:   var(--neutral-900);
  --muted:                var(--neutral-100);
  --muted-foreground:     var(--neutral-500);
  --border:               var(--neutral-200);
  --input:                var(--neutral-200);
  --ring:                 var(--brand-600);

  --primary:              var(--brand-600);
  --primary-hover:        var(--brand-700);
  --primary-foreground:   #FFFFFF;
  --secondary:            var(--neutral-100);
  --secondary-foreground: var(--neutral-800);
  --accent:               var(--brand-50);
  --accent-foreground:    var(--brand-700);
  --destructive:          var(--danger-fg);
  --destructive-foreground: #FFFFFF;

  --avatar-bg:            var(--brand-100);
  --avatar-fg:            var(--brand-800);
}

/* ── Dark mode ─────────────────────────────────────────────── */
.dark {
  --background:           #0C1211;
  --foreground:           #ECF1EF;
  --card:                 #121A18;
  --card-foreground:      #ECF1EF;
  --popover:              #121A18;
  --popover-foreground:   #ECF1EF;
  --muted:                #1A2422;
  --muted-foreground:     #93A09B;
  --border:               #243230;
  --input:                #243230;
  --ring:                 var(--brand-500);

  --primary:              var(--brand-500);
  --primary-hover:        var(--brand-400);
  --primary-foreground:   #04231A;
  --secondary:            #1A2422;
  --secondary-foreground: #ECF1EF;
  --accent:               #11271F;
  --accent-foreground:    var(--brand-300);

  --estado-nuevo-fg:  #93B4FB; --estado-nuevo-bg:  #14233F; --estado-nuevo-bd:  #1F345C;
  --estado-contactado-fg: #F4C77A; --estado-contactado-bg: #2E2310; --estado-contactado-bd: #4A3717;
  --estado-ganado-fg: #6FE0AC; --estado-ganado-bg: #0F2A20; --estado-ganado-bd: #1B4636;
  --estado-perdido-fg: #F49AAE; --estado-perdido-bg: #321019; --estado-perdido-bd: #511A28;

  --clasif-interesado-fg: #6FE0AC; --clasif-interesado-bg: #0F2A20;
  --clasif-consulta-fg: #C4A8FB; --clasif-consulta-bg: #221836;
  --clasif-noint-fg: #93A09B; --clasif-noint-bg: #1A2422;

  --avatar-bg:            #11271F;
  --avatar-fg:            var(--brand-300);
}