/**
 * 1ClickVet - Design Tokens
 * Clínica Veterinaria Tres Valles
 * Tema Oscuro Operacional + Identidad de Marca
 */

:root {
  /* Fondo y superficies (Dark) */
  --bg-app: #0F1117;        /* fondo principal negro carbón */
  --bg-surface: #171A21;    /* tarjetas, paneles, contenedores */
  --bg-surface-2: #1F242C;  /* tarjetas anidadas / hover */
  --bg-surface-3: #27292D;  /* cabeceras, barras de control */
  --bg-surface-trans: rgba(23, 26, 33, 0.85);

  /* Bordes */
  --border-subtle: #2A2E37;
  --border-strong: #3A3F4A;
  --border-focus: #428271;

  /* Texto */
  --text-primary: #FBFAF8;   /* texto principal sobre fondo oscuro */
  --text-secondary: #C7CBD3; /* texto secundario, descripciones */
  --text-muted: #9A9BA1;     /* metadatos, placeholders */
  --text-disabled: #5A5E68;

  /* Acentos de Marca 1ClickVet */
  --brand-primary: #254C44;       /* verde bosque */
  --brand-secondary: #428271;     /* verde esmeralda */
  --brand-action: #448675;        /* verde acción */
  --brand-accent-light: #E4F8F3;  /* verde agua claro */
  --brand-beige: #E0C8A9;         /* beige cálido */
  --brand-teal: #86C2BB;
  --brand-teal-light: #B8DEDB;

  --accent-primary: #428271;
  --accent-primary-hover: #4E9B87;
  --accent-on-dark: #E4F8F3;
  --accent-teal: #86C2BB;
  --accent-beige: #E0C8A9;

  /* Estados Semánticos */
  --status-success: #3FB077;
  --status-warning: #E0A33D;
  --status-error: #E0533D;
  --status-info: #4A93C2;
  --status-neutral: #6E8B85;

  /* Tags e Intenciones */
  --tag-appointment: #86C2BB; /* cita o reprogramación */
  --tag-intent: #B8DEDB;      /* intención general no urgente */
  --tag-reminder: #E0C8A9;    /* seguimiento / rellamada */
  --tag-alert: #E0A33D;       /* urgencia médica / alerta */
  --tag-complaint: #E0533D;   /* reclamo / queja */

  /* Dirección de Llamadas */
  --dir-inbound: #3FB077;     /* llamada entrante (verde) */
  --dir-outbound: #4A93C2;    /* llamada saliente (azul) */
  --dir-missed: #E0533D;      /* llamada perdida (rojo) */


  /* Tipografía */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: 'JetBrains Mono', Consolas, Monaco, "Courier New", monospace;

  /* Elevación y Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.6);
  --shadow-drawer: -5px 0 25px rgba(0, 0, 0, 0.7);

  /* Radios de borde */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 9999px;

  /* Transiciones */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
}