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

   IDENTIDAD: el libro de registro.

   C.O.R.E. no es un mercado: es un consorcio que lleva un registro y
   emite folios. De ahí sale todo lo visual — papel cálido, tinta negra
   cálida, y un solo acento en rojo de sello. Sin esquinas redondeadas:
   un registro tiene cantos.

   El tema claro es el papel y el oscuro es la misma página con la luz
   apagada. No son dos identidades: es la misma, de día y de noche.
   ===================================================================== */

:root {
  color-scheme: light dark;

  /* --- Papel y tinta ------------------------------------------------ */
  --fondo: #eae6dc;   /* papel de registro, cálido; no es crema-blanco */
  --fondo-2: #ded8c9; /* reglado, hundido */
  --texto: #16140f;   /* tinta negra CÁLIDA: el negro frío enfría el papel */
  --tenue: #615a4b;   /* textos secundarios */
  --borde: #c9c0ab;

  /* Un solo acento, y escaso: rojo de sello. Si aparece en todo, deja de
     señalar nada.

     Los dos valores de abajo se afinaron MIDIENDO, no a ojo: se eligieron
     primero contra --fondo y fallaban por poco sobre --fondo-2, que es el
     papel hundido de las fichas (4.18:1 y 4.30:1, mínimo 4.5). Ahora pasan
     sobre los dos fondos, y el acento además da 6.79:1 con blanco encima,
     que es como se usa en los botones sólidos. */
  --acento: #a92e1a;
  --acento-suave: #a92e1a14;
  --error: #a02618;

  /* Tinta intermedia: prosa secundaria que aún tiene que leerse bien. */
  --tinta-media: #3a352a;

  /* --- Voces --------------------------------------------------------
     Dos, y ninguna se descarga. Sans del sistema para la prosa;
     monoespaciada para los DATOS — folios, teléfonos, importes, fechas,
     códigos de sector. La mono no es un adorno retro: es la voz real de
     un registro, y el producto ya emite folios como CORE-28393F89DA.
     Cero kilobytes de fuente, con el público navegando con datos
     móviles, es una virtud y no una renuncia. */
  --mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas,
    "Liberation Mono", monospace;

  /* --- Forma -------------------------------------------------------- */
  --radio: 0;
  --regla: 1.5px solid var(--texto);
  --sombra: none;

  /* --- Ritmo ---------------------------------------------------------
     Escala de espaciado sobre base 4. Existe porque MEDIMOS el panel y
     todos los huecos entre bloques daban 20-24 px: título, resumen,
     bandejas y contenido separados por lo mismo. Con un solo intervalo
     repetido nada agrupa y nada respira — es exactamente la sensación de
     "todo muy junto" que reportó el cliente. El problema no era que
     faltara aire, sino que no había CONTRASTE entre lo apretado y lo
     suelto.

     Base 4 y no 8: 12 y 20 son los pasos intermedios que más se usan en
     una interfaz densa, y una escala de solo múltiplos de 8 obliga a
     elegir entre demasiado poco y demasiado.

     Los tres últimos son los que separan ZONAS. Dentro de una zona se usa
     de --e3 para abajo. Esa es toda la regla. */
  --e1: 0.25rem;  /*  4px — entre elementos pegados      */
  --e2: 0.5rem;   /*  8px — dentro de una fila           */
  --e3: 0.75rem;  /* 12px — entre elementos de un grupo  */
  --e4: 1rem;     /* 16px — entre grupos hermanos        */
  --e5: 1.5rem;   /* 24px — cierre de un bloque          */
  --e6: 2rem;     /* 32px — entre zonas                  */
  --e7: 3rem;     /* 48px — respiro mayor de la página   */

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

/* La misma página con la luz apagada: la tinta pasa a ser el fondo y el
   papel, la escritura. La forma y el movimiento no dependen de si hay luz. */
@media (prefers-color-scheme: dark) {
  :root {
    --fondo: #16140f;
    --fondo-2: #201d16;
    --texto: #eae6dc;
    --tenue: #9a9280;
    --borde: #3a352a;
    --acento: #e0674f;
    --acento-suave: #e0674f1a;
    --error: #e0674f;
    --tinta-media: #cdc6b5;
  }
}

* { 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;

  /* Sin la espera de 300 ms por si viene un doble toque para hacer zoom.
     Con este público en el móvil, se nota en cada toque. */
  touch-action: manipulation;
  /* El destello por defecto de Android choca con el papel. El estado de
     pulsado lo damos nosotros. */
  -webkit-tap-highlight-color: transparent;
}

/* 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; }

/* Un dato literal del sistema: folio, teléfono, código, importe. Se marca
   como tal en las dos capas. */
.dato-mono {
  font-family: var(--mono);
  font-variant-numeric: tabular-nums;
}