/* Conexión C.O.R.E. — tema compartido
   =====================================================================
   ESTE ES EL ARCHIVO PARA CAMBIAR COLORES. Lo usan tanto la landing
   pública (/) como la PWA (/app/), así que un cambio aquí se ve en las
   dos y no hay riesgo de que se desincronicen.
   ===================================================================== */

:root {
  /* --- Paleta ------------------------------------------------------- */
  --fondo: #0f1720;        /* fondo de la página */
  --fondo-2: #16212c;      /* tarjetas, barras */
  --borde: #26333f;
  --texto: #e8eef4;
  --tenue: #90a2b4;        /* textos secundarios */
  --acento: #2f9e8f;       /* botones principales y enlaces */
  --acento-suave: #2f9e8f22;
  --error: #e2696b;

  /* --- Forma -------------------------------------------------------- */
  --radio: 12px;
  --sombra: 0 1px 2px #0006, 0 8px 24px #0004;

  /* --- Movimiento (ver reglas en app/estilos.css) -------------------- */
  --curva: cubic-bezier(0.2, 0, 0.2, 1);
  --rapido: 120ms;
  --normal: 240ms;
}

/* El tema claro solo redefine la paleta: la forma y el movimiento no
   dependen de si hay luz o no. */
@media (prefers-color-scheme: light) {
  :root {
    --fondo: #f4f6f8;
    --fondo-2: #ffffff;
    --borde: #dde3e9;
    --texto: #16212c;
    --tenue: #5d7185;
    --acento: #1d7a6d;
    --acento-suave: #1d7a6d14;
    --sombra: 0 1px 2px #0000000f, 0 8px 24px #0000000a;
  }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fondo);
  color: var(--texto);
  font: 16px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Marca, compartida por las dos capas. */
.marca {
  font-weight: 800;
  letter-spacing: 0.16em;
  color: var(--acento);
}

.tenue { color: var(--tenue); font-size: 0.9rem; }