/**
 * Variables de colores centralizadas para la plataforma
 * Este archivo define la paleta de colores unificada
 */

:root {
  /* Colores Base */
  --color-base-primary: #e85a9f;
  --color-base-primary-rgb: 232, 90, 159;
  --color-base-bg-light: #f8eef4;
  --color-base-success-rgb: 45, 134, 89;

  /* Colores Primarios */
  --color-primary-hover: #d94a90;
  --color-primary-light: rgba(var(--color-base-primary-rgb), 0.1);
  --color-primary-dark: rgba(var(--color-base-primary-rgb), 0.3);

  /* Colores de Texto */
  --color-text-primary: #181e1e;
  --color-text-secondary: #6c757d;
  --color-text-secondary-dark: #495057;
  --color-text-accent-light: #f0a8cb;
  --color-white: #ffffff;

  /* Colores de Fondo */
  --color-bg-primary: var(--color-base-bg-light);
  --color-bg-light: #f8f9fa;
  --color-bg-accent: #ffd1ea;
  --color-bg-surface-soft: #fdf7fb;
  --color-bg-surface-muted: #f6f7f9;
  --color-bg-info-tint: #f9fcff;
  --color-bg-info-tint-alt: #fcfbff;
  --color-bg-info-tint-soft: #fafcff;

  /* Colores de Bordes */
  --color-border: #dee2e6;
  --color-border-default: #dee2e6;
  --color-border-accent: #f6bddc;
  --color-border-soft: #e8dbe2;

  /* Colores de Estado - Error */
  --color-error: #dc3545;
  --color-error-rgb: 220, 53, 69;
  --color-error-light: rgba(220, 53, 69, 0.1);
  --color-error-dark: #c92a2a;
  --color-error-border: #ffe3e3;
  --color-error-bg: #fff5f5;
  --color-error-border-soft: #ffd7d7;
  --color-error-bg-soft: #fff9f9;
  --color-error-bg-icon: rgba(201, 42, 42, 0.14);
  --color-error-focus: rgba(201, 42, 42, 0.12);
  --color-error-bg-alt: #fff1f0;
  --color-error-border-alt: #ffccc7;
  --color-bg-danger-light: rgba(220, 53, 69, 0.1);

  /* Colores de Estado - Success */
  --color-success: #22a35b;
  --color-success-dark: #2d8659;
  --color-success-bg: #e6fcf5;
  --color-success-border: #c3fae8;
  --color-success-text: #087f5b;
  --color-success-bootstrap: #198754;
  --color-success-alt: #2f9e44;
  --color-success-alt-dark: #2b8a3e;
  --color-success-alt-bg: #e6f7ea;
  --color-success-alt-border: #b7f2c2;

  /* Colores de Estado - Warning */
  --color-warning: #f59f00;
  --color-warning-dark: #e67700;
  --color-warning-border: #ffd8a8;
  --color-warning-bg: #fff4e6;
  --color-warning-text: #d9480f;
  --color-warning-focus: #f08c00;
  --color-warning-shadow: rgba(230, 119, 0, 0.25);
  --color-amber-border: #f3c35e;
  --color-amber-bg: #fff7e5;
  --color-amber-text: #9a5a00;
  --color-text-warning: #856404;
  --color-bg-warning-light: rgba(255, 193, 7, 0.1);

  /* Colores de Estado - Info */
  --color-info: #0dcaf0;
  --color-info-dark: #1864ab;
  --color-info-border: #d0ebff;
  --color-info-bg: #eef7ff;
  --color-info-bg-gradient-start: #f1f7ff;
  --color-info-subtle: #3b6ea8;
  --color-info-focus-rgb: 29, 111, 165;
  --color-info-gradient-start: #1d6fa5;
  --color-info-gradient-end: #1b5f8d;

  /* WhatsApp */
  --color-whatsapp: #25d366;
  --color-whatsapp-hover: #1ea654;

  /* Neutrales / Grises (rayados, bloqueado) */
  --color-neutral-stripe: #576574;
  --color-neutral-stripe-alt: #6f7f90;

  /* KPI cards (detalle cliente) */
  --color-kpi-cancelled-start: #b56a00;
  --color-kpi-cancelled-end: #d28922;
  --color-kpi-no-show-start: #b42335;
  --color-kpi-no-show-end: #d34f5f;
  --color-kpi-rate-start: #3b4a63;
  --color-kpi-rate-end: #5b6d87;

  /* Misc */
  --color-gold: #ffe066;
  --color-focus-ring: rgba(var(--color-base-primary-rgb), 0.2);
  --shadow-overlay: rgba(0, 0, 0, 0.05);
  --shadow-medium: rgba(0, 0, 0, 0.08);
  --shadow-strong: rgba(0, 0, 0, 0.15);
  --shadow-stronger: rgba(0, 0, 0, 0.25);
  --shadow-text-dark: rgba(0, 0, 0, 0.4);
  --color-white-85: rgba(255, 255, 255, 0.85);
  --color-white-90: rgba(255, 255, 255, 0.9);
  --color-white-55: rgba(255, 255, 255, 0.55);
  --color-white-30: rgba(255, 255, 255, 0.3);
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-white-0: rgba(255, 255, 255, 0);
  --shadow-info-focus: rgba(24, 100, 171, 0.16);
  --shadow-success-alt: rgba(43, 138, 62, 0.24);
  --color-info-border-left: rgba(181, 229, 255, 0.9);
  --color-success-border-left: rgba(183, 242, 194, 0.9);
  --color-warning-border-left: rgba(255, 216, 168, 0.9);

  /* Colores de Sombra */
  --shadow-very-light: rgba(0, 0, 0, 0.05);
  --shadow-light: rgba(0, 0, 0, 0.1);
  --shadow-primary-light: rgba(var(--color-base-primary-rgb), 0.1);
  --shadow-primary-medium: rgba(var(--color-base-primary-rgb), 0.15);
  --shadow-primary-strong: rgba(var(--color-base-primary-rgb), 0.25);
  --shadow-primary-intense: rgba(var(--color-base-primary-rgb), 0.3);
  --shadow-text: rgba(24, 30, 30, 0.2);
  --shadow-card-strong: rgba(0, 0, 0, 0.2);
  --shadow-accent: rgba(var(--color-base-primary-rgb), 0.15);
}