/* ============================================================
   BIGGOW GESTOR DE CONTENIDO — variables.css
   Cargado PRIMERO. Ningún archivo importa colores hex directos.
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     PALETA BASE BIGGOW
  ---------------------------------------------------------- */
  --bg:           #0D2137;        /* Fondo raíz */
  --bg-deep:      #081624;        /* Fondo más profundo (sidebar activo, overlays) */
  --bg-mid:       #112840;        /* Nivel intermedio (hover rows, panel alt) */
  --yel:          #FFDB15;        /* Acento principal Biggow */
  --yel-dim:      rgba(255, 219, 21, 0.15); /* Acento suave (hover, rings) */
  --yel-glow:     rgba(255, 219, 21, 0.08); /* Glow muy suave */
  --wh:           #ffffff;
  --tx:           rgba(255, 255, 255, 0.93); /* Texto principal */
  --tx-mid:       rgba(255, 255, 255, 0.70); /* Texto secundario */
  --mu:           rgba(255, 255, 255, 0.50); /* Texto muted */
  --mu-low:       rgba(255, 255, 255, 0.30); /* Texto muy muted / placeholders */
  --surf:         rgba(255, 255, 255, 0.05); /* Superficie de cards/panels */
  --surf-hover:   rgba(255, 255, 255, 0.08); /* Superficie hover */
  --bd:           rgba(255, 255, 255, 0.12); /* Borde estándar */
  --bd-strong:    rgba(255, 255, 255, 0.20); /* Borde enfatizado */

  /* ----------------------------------------------------------
     COLORES DE ESTADO — flujo de producción de piezas
  ---------------------------------------------------------- */
  --st-idea:              rgba(255, 255, 255, 0.35);
  --st-idea-bg:           rgba(255, 255, 255, 0.06);

  --st-brief:             #a0a8ff;
  --st-brief-bg:          rgba(160, 168, 255, 0.12);

  --st-revision:          #FFDB15;
  --st-revision-bg:       rgba(255, 219, 21, 0.12);

  --st-aprobado-int:      #38BDF8;
  --st-aprobado-int-bg:   rgba(56, 189, 248, 0.12);

  --st-vista-cliente:     #FB923C;
  --st-vista-cliente-bg:  rgba(251, 146, 60, 0.12);

  --st-aprobado-cli:      #4CAF7D;
  --st-aprobado-cli-bg:   rgba(76, 175, 125, 0.12);

  --st-programado:        #A78BFA;
  --st-programado-bg:     rgba(167, 139, 250, 0.12);

  --st-produccion:        #FF9A3C;
  --st-produccion-bg:     rgba(255, 154, 60, 0.12);

  --st-publicado:         #34D399;
  --st-publicado-bg:      rgba(52, 211, 153, 0.12);

  --st-rechazado:         #ff6464;
  --st-rechazado-bg:      rgba(255, 100, 100, 0.12);

  /* ----------------------------------------------------------
     COLORES DE TIPO DE CONTENIDO
  ---------------------------------------------------------- */
  --type-organico:          #4CAF7D;
  --type-organico-bg:       rgba(76, 175, 125, 0.12);

  --type-conversion:        #FFDB15;
  --type-conversion-bg:     rgba(255, 219, 21, 0.12);

  --type-amplificacion:     #7C83FF;
  --type-amplificacion-bg:  rgba(124, 131, 255, 0.12);

  /* ----------------------------------------------------------
     COLORES DE CANAL
  ---------------------------------------------------------- */
  --ch-meta:          #1877F2;
  --ch-meta-bg:       rgba(24, 119, 242, 0.12);

  --ch-google:        #EA4335;
  --ch-google-bg:     rgba(234, 67, 53, 0.12);

  --ch-tiktok:        #69C9D0;
  --ch-tiktok-bg:     rgba(105, 201, 208, 0.12);

  --ch-email:         #A78BFA;
  --ch-email-bg:      rgba(167, 139, 250, 0.12);

  /* ----------------------------------------------------------
     COLORES DE OBJETIVO
  ---------------------------------------------------------- */
  --obj-awareness:    #38BDF8;
  --obj-engagement:   #FB923C;
  --obj-conversion:   #FFDB15;
  --obj-fidelizacion: #4CAF7D;

  /* ----------------------------------------------------------
     COLORES DE CATEGORÍA
  ---------------------------------------------------------- */
  --cat-educativo:        #60A5FA;
  --cat-venta:            #FFDB15;
  --cat-entretenimiento:  #F472B6;
  --cat-detras:           #A78BFA;
  --cat-tendencia:        #34D399;
  --cat-fecha:            #FB923C;

  /* ----------------------------------------------------------
     SEMÁNTICOS (sistema)
  ---------------------------------------------------------- */
  --ok:       #34D399;
  --ok-bg:    rgba(52, 211, 153, 0.12);
  --warn:     #FFDB15;
  --warn-bg:  rgba(255, 219, 21, 0.12);
  --err:      #ff6464;
  --err-bg:   rgba(255, 100, 100, 0.12);
  --info:     #38BDF8;
  --info-bg:  rgba(56, 189, 248, 0.12);

  /* ----------------------------------------------------------
     TIPOGRAFÍA
  ---------------------------------------------------------- */
  --font-sans:    'DM Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  --text-xs:      0.6875rem;   /* 11px */
  --text-sm:      0.75rem;     /* 12px */
  --text-base:    0.8125rem;   /* 13px */
  --text-md:      0.875rem;    /* 14px */
  --text-lg:      1rem;        /* 16px */
  --text-xl:      1.125rem;    /* 18px */
  --text-2xl:     1.375rem;    /* 22px */
  --text-3xl:     1.75rem;     /* 28px */

  --weight-normal:  400;
  --weight-medium:  500;
  --weight-semi:    600;
  --weight-bold:    700;

  --leading-tight:  1.2;
  --leading-snug:   1.4;
  --leading-normal: 1.6;

  /* ----------------------------------------------------------
     ESPACIADO
  ---------------------------------------------------------- */
  --space-1:   0.25rem;   /* 4px */
  --space-2:   0.5rem;    /* 8px */
  --space-3:   0.75rem;   /* 12px */
  --space-4:   1rem;      /* 16px */
  --space-5:   1.25rem;   /* 20px */
  --space-6:   1.5rem;    /* 24px */
  --space-8:   2rem;      /* 32px */
  --space-10:  2.5rem;    /* 40px */
  --space-12:  3rem;      /* 48px */

  /* --sp-* aliases for auth pages (login, forgot-password, reset-password) */
  --sp-1:  var(--space-1);
  --sp-2:  var(--space-2);
  --sp-3:  var(--space-3);
  --sp-4:  var(--space-4);
  --sp-5:  var(--space-5);
  --sp-6:  var(--space-6);
  --sp-8:  var(--space-8);
  --sp-10: var(--space-10);
  --sp-12: var(--space-12);

  /* ----------------------------------------------------------
     BORDES Y RADIOS
  ---------------------------------------------------------- */
  --radius-sm:  4px;
  --radius:     6px;
  --radius-md:  8px;
  --radius-lg:  12px;
  --radius-xl:  16px;
  --radius-pill: 999px;

  /* ----------------------------------------------------------
     SOMBRAS
  ---------------------------------------------------------- */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.3);
  --shadow:     0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.5);
  --shadow-xl:  0 16px 48px rgba(0,0,0,0.6);
  --shadow-yel: 0 0 20px rgba(255, 219, 21, 0.18);

  /* ----------------------------------------------------------
     TRANSICIONES
  ---------------------------------------------------------- */
  --transition-fast:   120ms ease;
  --transition:        200ms ease;
  --transition-slow:   320ms ease;

  /* ----------------------------------------------------------
     LAYOUT
  ---------------------------------------------------------- */
  --sidebar-w:      240px;
  --header-h:       56px;
  --client-list-w:  220px;

  /* ----------------------------------------------------------
     Z-INDEX
  ---------------------------------------------------------- */
  --z-base:     1;
  --z-dropdown: 100;
  --z-sticky:   200;
  --z-modal:    300;
  --z-toast:    400;
  --z-top:      500;

}