/* ============================================================
   reproject.css — Herramienta Reproyectar Capa (bg-info)
   ARQUITECTURA: ver ARQUITECTURA_CSS.md + GUIA_DARK_MODE_ARQUITECTURA.md
   ============================================================ */

/* ------------------------------------------------------------
   1. VARIABLES
   ------------------------------------------------------------ */
:root {
  --reproject-primary: #0dcaf0;
  --reproject-primary-hover: #31d2f2;
  --reproject-surface: #f0fdff;
  --reproject-border: #9eeaf9;
  --reproject-on-primary: #000;
}

/* ------------------------------------------------------------
   2. BOTÓN PRINCIPAL
   ------------------------------------------------------------ */
.btn-tool-primary {
  background: var(--reproject-primary);
  color: var(--reproject-on-primary);
  border: 2px solid var(--reproject-primary);
}
.btn-tool-primary:hover,
.btn-tool-primary:focus {
  background: var(--reproject-primary-hover);
  border-color: var(--reproject-primary-hover);
  color: var(--reproject-on-primary);
}

/* Botones de CRS rápido */
.crs-quick {
  transition: all 0.2s ease;
}

/* ------------------------------------------------------------
   3. DARK MODE
   ------------------------------------------------------------ */
[data-bs-theme='dark'] {
  --reproject-primary: #20d9f3;
  --reproject-primary-hover: #3de3f9;
  --reproject-surface: #0a2a30;
  --reproject-border: #0dcaf0;
  --reproject-on-primary: #000;
}

[data-bs-theme='dark'] .btn-tool-primary {
  box-shadow: 0 0 20px rgba(32, 217, 243, 0.3);
}
[data-bs-theme='dark'] .btn-tool-primary:hover {
  box-shadow: 0 0 28px rgba(32, 217, 243, 0.5);
}

[data-bs-theme='dark'] .tool-card {
  background-color: var(--color-surface-variant);
  border-color: var(--reproject-border);
}

[data-bs-theme='dark'] .card-header.bg-info {
  background-color: #064a5a !important;
  color: var(--reproject-primary) !important;
}

[data-bs-theme='dark'] .crs-quick {
  color: var(--color-on-surface-variant);
  border-color: var(--color-outline-variant);
}