/*
 * Paleta "Azul marino y oro" — ÚNICO lugar donde se definen los colores del sistema.
 * La usan el panel (panel.css), los recibos (recibo.css), el simulador de chat y, leyendo este mismo archivo
 * desde PHP (src/Tema.php), el reporte Excel y el PDF de los recibos. Para cambiar la paleta, cambia solo aquí.
 *
 * Contraste (WCAG, mínimo 4.5:1 para texto; 3:1 para bordes de controles). Ajustes mínimos sobre lo pedido:
 *   atendida (texto)    #2E7D4F → #2D794D (4.33 → 4.56:1 sobre su fondo)
 *   pendiente (texto)   #A86A0B → #975F0A (3.93 → 4.70:1 sobre su fondo)
 *   borde de campos     #E1E6EE → #7D8A9C (1.25 → 3.51:1: el borde claro queda para tarjetas y tablas)
 * Reglas: nunca texto dorado sobre blanco; sobre dorado solo texto azul marino (6.0:1).
 * Los valores son hexadecimales o var(--otra) para que PHP los pueda leer.
 */
:root {
  /* --- Marca --- */
  --marino: #1B2A41;              /* menú lateral, botón principal, títulos, bandas */
  --marino-claro: #2C3F5C;        /* ítem activo del menú, hover del botón principal */
  --dorado: #C9A24B;              /* líneas, barrita del menú, botón de acento, aro del logo (no para texto sobre claro) */
  --dorado-hover: #D6B464;
  --dorado-claro: #E6C36A;        /* texto dorado SOLO sobre azul marino (6.3:1 sobre #2C3F5C) */
  --fondo: #F5F7FA;               /* fondo de página */
  --blanco: #FFFFFF;              /* tarjetas, formularios, tablas, barra superior */
  --superficie-suave: #EEF1F6;    /* encabezados de tabla, columna de hoy, hover */
  --borde-color: #E1E6EE;         /* borde de tarjetas y separación de filas (decorativo) */
  --borde-control: #7D8A9C;       /* borde de campos de formulario (3.51:1) */
  --texto: #1B2A41;               /* 14.4:1 sobre blanco · 12.8:1 sobre #EEF1F6 */
  --texto-suave: #5F6B7C;         /* 5.4:1 sobre blanco · 4.8:1 sobre #EEF1F6 */
  --texto-sobre-marino: #FFFFFF;  /* 14.4:1 (10.7:1 sobre #2C3F5C) */
  --menu-texto: #E6ECF3;          /* 12.1:1 sobre el menú */
  --texto-sobre-dorado: #1B2A41;  /* 6.0:1 */

  /* --- Estados de cita (fondo suave / texto), iguales en todo el sistema --- */
  --atendida-fondo: #E3F1E8;    --atendida-texto: #2D794D;
  --confirmada-fondo: #E5EEF8;  --confirmada-texto: #2C5F93;
  --pendiente-fondo: #FBF0DC;   --pendiente-texto: #975F0A;
  --cancelada-fondo: #FBE7E6;   --cancelada-texto: #B3261E;   /* también cuota vencida y errores */
  --no-asistio-fondo: #EEEEEC;  --no-asistio-texto: #6B6A66;

  /* --- Gráficas (panel de Análisis y Excel) --- */
  --grafica-ingresos: var(--marino);
  --grafica-gastos: #B3261E;
  --grafica-ganancia: var(--dorado);
  /* Tortas del Excel (métodos de pago, gastos por categoría), en este orden */
  --grafica-1: var(--marino);
  --grafica-2: var(--dorado);
  --grafica-3: #2D794D;
  --grafica-4: #B3261E;
  --grafica-5: #5F6B7C;

  /* --- Agenda --- */
  --hora-actual: #B3261E;         /* línea roja de la hora actual (6.0:1 sobre la columna de hoy) */
  --cal-hoy-fondo: #F3F6FA;       /* columna del día de hoy */
  --cal-hoy-texto: #8E6C2C;       /* nombre del día de hoy: dorado oscuro legible (#A8823A daba 3.55:1; este 4.85:1) */
  --cal-linea: var(--borde-color);  /* líneas de cada hora */
  --cal-linea-media: #EDF0F5;     /* líneas punteadas de cada media hora, más claras */
  --cerrado-fondo: #F1F3F6;       /* fuera de horario y bloqueos: gris muy suave… */
  --cerrado-raya: #E7EAEF;        /* …con un rayado diagonal casi imperceptible */
  --cerrado-borde: #C5CCD6;
  --cerrado-texto: var(--texto);  /* etiqueta "Bloqueado" (el gris secundario daba 4.49:1 sobre la raya) */
  /* Borde izquierdo de los bloques de cita (indicador, no texto: basta 3:1 sobre su fondo) */
  --confirmada-borde: #2C5F93;
  --pendiente-borde: #A86A0B;     /* 3.9:1 */
  --atendida-borde: #2E7D4F;      /* 4.3:1 */
  --no-asistio-borde: #6B6A66;

  /* --- Forma --- */
  --borde: 1px;
  --radio: 8px;
  --radio-sm: 6px;
  --sombra: 0 1px 2px rgba(27, 42, 65, .05), 0 2px 8px rgba(27, 42, 65, .04);
  --sombra-alta: 0 12px 36px rgba(27, 42, 65, .24);
  --sombra-suave: 0 3px 10px rgba(27, 42, 65, .14);   /* bloques de la agenda al pasar el mouse */
  --foco: 0 0 0 3px rgba(201, 162, 75, .45);
  --velo: rgba(27, 42, 65, .45);  /* fondo detrás de las ventanitas */
}