/* =========================================================================
   Punteo, sistema de diseno. Lo cargan la landing y la app.
   Una sola fuente de verdad: si un color, un radio o una fuente vive en otro
   archivo, es un bug.

   Tema: BLANCO, un solo modo. La app es light-only, asi que la landing
   tampoco se da vuelta.
   Neutros: gris puro, sin tinte azul. El azul decide cosas (accion, orden,
   seleccion); nunca decora un canto.
   ========================================================================= */

@font-face {
  font-family: "Cabinet Grotesk";
  src: url("/static/fuentes/cabinet-grotesk.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
}
@font-face {
  font-family: "Geist";
  src: url("/static/fuentes/geist-sans.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("/static/fuentes/geist-mono.woff2") format("woff2");
  font-weight: 100 900; font-display: swap;
}

:root {
  color-scheme: light;

  /* ---------------------------- superficies --------------------------- */
  --papel:        #FFFFFF;   /* fondo de pagina */
  --superficie:   #FFFFFF;   /* paneles y tarjetas */
  --banda:        #F7F7F8;   /* seccion tintada, hover, lienzo de la app */
  --banda-hover:  #F2F2F4;

  /* ------------------------------ bordes ------------------------------ */
  --borde:        #E8E8EB;
  --borde-fuerte: #D2D2D8;
  --borde-tenue:  #F0F0F2;   /* filas de tabla densa */

  /* ------------------------------ tintas ------------------------------
     Medidos sobre blanco: 19,1:1 / 7,4:1 / 5,2:1. Todos pasan AA. */
  --tinta:        #0F0F12;
  --tinta-media:  #55555E;
  --tinta-suave:  #6C6C75;

  /* ------------------------------- azul -------------------------------
     El unico acento. 8,4:1 sobre blanco, y blanco sobre azul da lo mismo. */
  --azul:         #1D4E89;
  --azul-hover:   #16406F;
  --azul-lavado:  #F0F4F9;

  /* --------------------------- semaforo contable ----------------------
     No son decorativos: entrada y salida de plata, y lo que falta revisar. */
  --entrada:       #0B6E43;
  --salida:        #A93226;
  --alerta:        #8A6100;
  --alerta-fondo:  #FDF4E0;
  --alerta-borde:  #F1E2BD;
  --entrada-fondo: #E7F3EC;

  /* ------------------------------ radios ------------------------------
     Regla unica: paneles 14, controles 8, fichas densas 6, pastillas 999. */
  --r-panel: 14px;
  --r:       8px;
  --r-chico: 6px;

  /* ----------------------------- sombras ------------------------------ */
  --sombra:      0 1px 2px rgba(15,15,18,.04), 0 10px 30px rgba(15,15,18,.05);
  --sombra-alta: 0 2px 6px rgba(15,15,18,.05), 0 30px 70px rgba(15,15,18,.11);
  --velo:        rgba(15, 15, 18, .42);

  /* ---------------------------- tipografias ---------------------------
     Display aprieta, cuerpo respira, mono manda en las cifras. */
  --display: "Cabinet Grotesk", "Geist", ui-sans-serif, sans-serif;
  --texto:   "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono:    "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ------------------------------ curvas ------------------------------ */
  --curva:       cubic-bezier(.16, 1, .3, 1);
  --curva-suave: cubic-bezier(.22, .61, .36, 1);

  /* ------------------ alias que usa la app (styles.css) ---------------
     Se mantienen para no reescribir 575 lineas de reglas que funcionan.
     Nombres nuevos arriba, nombres viejos aca. */
  --lienzo:      var(--banda);
  --sello:       var(--azul);
  --sello-claro: var(--azul-lavado);
  --radio:       var(--r);
}