/* LA PALETA DE IUS-TECH: el ÚNICO lugar donde viven los colores, la letra y las
   esquinas de la app (goal del 2026-10-11). De aquí salen:
     - las pantallas sin barra (static/css/publica.css) y las de la demo pública;
     - las pantallas con barra (static/css/tema_papel_tinta.css y las hojas de cada pantalla);
     - los correos (templates/emails/: helpers/paleta.py lee ESTE archivo y pone cada valor
       en línea, porque Gmail y Outlook no leen hojas).
   Ninguna plantilla, hoja ni JavaScript escribe un color, una letra o un radio a mano:
   usa var(--nombre) (o {{ paleta.nombre }} en un correo). Lo vigila
   tests/test_paleta_unica.py: cambiar un valor aquí lo cambia en toda la app.

   Reglas del diseño: papel, tinta y gris; el bermellón solo para detalles (la marca, las
   ligas, la pestaña o sección activa y lo urgente); ámbar = plazo próximo o advertencia;
   verde = al corriente o éxito. Esquinas rectas, bordes finos, sin degradados, Inter. */
:root {
  /* Superficies */
  --paper: #fafaf8;          /* fondo de toda pantalla */
  --white: #ffffff;          /* tarjetas, campos, ventanas, tablas */
  --soft: #efede8;           /* fondo suave: chips, recuadros, encabezados de tabla */

  /* Tinta */
  --ink: #20211f;            /* texto, botón principal, filetes fuertes */
  --ink-hover: #383935;      /* botón principal al pasar el puntero */
  --muted: #565953;          /* texto secundario */

  /* Filetes y sombra plana */
  --line: #d4d6cf;           /* borde fino */
  --line-strong: #a8aaa2;    /* borde de énfasis */
  --shadow: #e4e6df;         /* la sombra plana (desplazada, sin difuminar) de una tarjeta de fuera */

  /* Bermellón: el acento */
  --accent: #ae321c;
  --accent-hover: #822510;
  --accent-soft: #f6e7e2;    /* fondo de lo urgente */
  --accent-light: #ffaf92;   /* el bermellón SOBRE la tinta (el aviso fijo de la demo) */

  /* Ámbar: plazo próximo, advertencia */
  --amber: #8f5214;          /* texto y puntos (se lee sobre blanco y sobre --amber-soft) */
  --amber-border: #b86e1f;   /* el filete de un aviso de advertencia */
  --amber-soft: #fdf6ec;

  /* Verde: al corriente, éxito */
  --green: #1a7f4e;
  --green-hover: #156941;
  --green-soft: #eef7f1;

  /* Lo que se deriva de los de arriba (no lleva valores propios) */
  --veil: color-mix(in srgb, var(--ink) 55%, transparent);   /* detrás de una ventana */
  --flota: 4px 4px 0 var(--shadow);       /* la sombra plana de lo que flota (menús, globos, avisos) */
  --ventana: 8px 8px 0 var(--shadow);     /* la de una ventana o una tarjeta de fuera */

  /* Letra */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --mono-mail: Consolas, Menlo, monospace;   /* la monoespaciada de los correos (sin ui-monospace) */

  /* Esquinas: rectas */
  --radius: 0;
}