/* ============================================================
   🌅 EXPEDIENTES, TRAMITES, NOTIFICACIONES, SOCIOS — TEMA SUNSET  (inputs limpios · badges compactos)
   ============================================================ */

:root {

  /* ── Página ─────────────────────────────────────────────── */
  --exp-bg-page: var(--tok-bg-page);
  --exp-card-bg: var(--tok-bg-surface);
  --exp-border: var(--tok-border);

  /* ── Header ─────────────────────────────────────────────── */
  --exp-header-bg: var(--tok-dark);
  --exp-header-text: var(--tok-text-on-dark);
  --exp-header-muted: var(--tok-dark-subtle);

  /* ── Chip / acento ──────────────────────────────────────── */
  --exp-chip-bg: var(--tok-primary);
  --exp-chip-text: var(--tok-primary-text);

  /* ── Inputs — blanco puro, borde muy fino ───────────────── */
  --exp-input-bg: var(--tok-bg-white);
  --exp-input-border: var(--tok-border-input);
  --exp-input-focus: var(--tok-primary);

  /* ── Botones primarios ──────────────────────────────────── */
  --exp-button-primary-bg: var(--tok-primary);
  --exp-button-primary-hover: var(--tok-primary-hover);
  --exp-button-primary-text: var(--tok-primary-text);

  /* ── Botones secundarios ────────────────────────────────── */
  --exp-button-secondary-bg: var(--tok-secondary-bg);
  --exp-button-secondary-hover: var(--tok-secondary-hover);
  --exp-button-secondary-text: var(--tok-secondary-text);

  /* ── Footer ─────────────────────────────────────────────── */
  --exp-footer-bg: var(--tok-dark);
  --exp-footer-text: var(--tok-dark-footer-text);

}

:root {

  /* ── Card ───────────────────────────────────────────────── */
  --exp-card-border-default: var(--tok-border);
  --exp-card-border-selected: var(--tok-primary);
  --exp-card-border-completed: var(--tok-success);
  --exp-card-border-cancelled: var(--tok-danger);

  --exp-card-bg: var(--tok-bg-surface);
  --exp-card-bg-selected: var(--tok-primary-xsoft);

  /* ── Badges ─────────────────────────────────────────────── */
  --exp-badge-process-bg: var(--tok-warning-bg);
  --exp-badge-process-text: var(--tok-warning-text);

  --exp-badge-completed-bg: var(--tok-success-bg);
  --exp-badge-completed-text: var(--tok-success-text);

  --exp-badge-cancelled-bg: var(--tok-danger-bg);
  --exp-badge-cancelled-text: var(--tok-danger-text);

  /* ── Textos ─────────────────────────────────────────────── */
  --exp-card-title: var(--tok-text-dark);
  --exp-card-muted: var(--tok-text-muted);
  --exp-card-label: var(--tok-text-label);
  --exp-card-highlight: var(--tok-text-highlight);
  --exp-text-main: var(--tok-text-base);

  /* ── Botones fila ───────────────────────────────────────── */
  --exp-btn-border: var(--tok-border-btn);
  --exp-btn-bg: var(--tok-bg-white);
  --exp-btn-hover: var(--tok-bg-hover);

  /* ── Éxito ──────────────────────────────────────────────── */
  --exp-btn-success-bg: var(--tok-primary);
  --exp-btn-success-hover: var(--tok-primary-hover);

  /* ── Peligro ─────────────────────────────────────────────  */
  --exp-btn-danger-border: var(--tok-border-danger);
  --exp-btn-danger-bg: var(--tok-bg-white);
  --exp-btn-danger-text: var(--tok-danger-btn-text);

  /* ── Botón notificación (crema claro) ───────────────────── */
  --exp-button-notif-bg: var(--tok-notif-bg);
  --exp-button-notif-hover: var(--tok-notif-hover);
  --exp-button-notif-text: var(--tok-notif-text);
  --exp-button-notif-text-hover: var(--tok-notif-text-hover);
  --exp-button-notif-border: var(--tok-border-notif);


}