/**
 * 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;

  /* 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.25);

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

  /* Colores de Fondo */
  --color-bg-light: #f8f9fa;
  --color-bg-accent: #ffd1ea;

  /* Colores de Bordes */
  --color-border: #dee2e6;

  /* Colores de Estado - Error */
  --color-error: #dc3545;
  --color-error-rgb: 220, 53, 69;
  --color-error-light: rgba(220, 53, 69, 0.1);
  --color-error-border: #ffd7d7;
  --color-error-bg: #fff5f5;
  --color-error-bg-icon: rgba(var(--color-error-rgb), 0.12);
  --color-error-focus: rgba(var(--color-error-rgb), 0.12);

  /* Colores de Estado - Success */
  --color-success: #22a35b;
  --color-success-bg: #e6fcf5;
  --color-success-border: #c3fae8;

  /* Colores de Estado - Warning */
  --color-warning: #f59f00;
  --color-warning-border: #ffd8a8;
  --color-warning-bg: #fff4e6;
  --color-warning-text: #856404;
  --color-warning-shadow: rgba(230, 119, 0, 0.25);
  --color-bg-warning-light: rgba(255, 193, 7, 0.1);

  /* Colores de Estado - Info */
  --color-info-dark: #1864ab;
  --color-info-border: #d0ebff;
  --color-info-bg: #eef7ff;
  --color-info-focus-rgb: 24, 100, 171;

  /* WhatsApp */
  --color-whatsapp: #25d366;
  --color-whatsapp-hover: #1ea654;
  --color-whatsapp-focus: rgba(37, 211, 102, 0.35);

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

  /* Calendario */
  --color-calendar-confirmed-start: #a7447f;
  --color-calendar-confirmed-end: #7d345f;
  --color-calendar-confirmed-border: #f0bfd8;
  --color-calendar-no-show-start: #d27a2d;
  --color-calendar-no-show-end: #ad5d1c;
  --color-calendar-no-show-border: #ffe1c2;

  /* Misc */
  --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.1);
  --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-90: rgba(255, 255, 255, 0.9);
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-white-70: rgba(255, 255, 255, 0.7);
  --color-white-0: rgba(255, 255, 255, 0);
  --shadow-info-focus: rgba(var(--color-info-focus-rgb), 0.16);

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