/* ============================================================
   PALETA EJECUTIVA — solo para paneles de administración.
   Se carga DESPUÉS de assets/styles.css y sobreescribe las
   variables de color. Las páginas públicas (Home, checkout,
   confirmación, auth) NO usan este archivo — mantienen la
   paleta azul-morado de la marca.

   Filosofía: fondo grafito profundo, azul ejecutivo como color
   primario, dorado apagado como acento secundario/de jerarquía,
   y semántica de estado clara — verde/azul = aprobado o correcto,
   rojo = negado o cancelado, ámbar = pendiente.
   ============================================================ */

:root {
  --bg: #0A0C10;
  --surface: #12151B;
  --surface-2: #1A1E26;
  --line: #262B35;

  --text: #ECEEF1;
  --text-dim: #8B94A3;

  /* Azul ejecutivo — acción principal, "aprobado/correcto" */
  --accent: #3B82F6;

  /* Dorado apagado — acento secundario, jerarquía (ej. super_admin) */
  --purple: #C9A15A;

  /* Estados semánticos */
  --green: #22C55E;   /* aprobado, liberado, resuelto */
  --red: #EF4444;     /* rechazado, cancelado, disputado */
  --yellow: #F59E0B;  /* pendiente, en revisión */

  /* Degradado de botones: azul sobrio, sin morado */
  --grad: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%);
}