/* Tokens de diseño de Work Manager
   ==================================================================
   MISMO bloque :root que llorca-ui.css, en un archivo aparte para que las
   pantallas que NO cargan esa hoja (los portales de técnico y almacén, los
   accesos por PIN, las de tablet, login...) también tengan las variables.

   Sin esto, sustituir un color a pelo por var(--cream) en esas pantallas no
   lo cambiaría por otro parecido: lo dejaría SIN VALOR, y el color
   desaparece. Por eso la consolidación empieza por aquí.

   Está duplicado a propósito y no con @import: si el @import fallara o se
   ordenara mal, se caerían todos los colores a la vez. La duplicación la
   vigila test_tokens_sincronizados.py, que falla si los dos bloques dejan de
   ser idénticos.

   Un archivo de solo definiciones no puede cambiar el aspecto por sí mismo:
   una variable no pinta nada hasta que alguien la usa. */
:root {
    /* Identidad */
    --cream:      #F5F0E8;
    --paper:      #FFFFFF;
    --paper-soft: #FFFDF9;
    --charcoal:   #2D2D2D;
    --charcoal-2: #4A4A4A;
    --ink:        #262321;
    --red:        #D42B1E;
    --red-dark:   #A8200F;
    --red-light:  #FCECEA;
    --border:     #DDD8CE;
    --border-soft:#EFE9DF;
    --muted:      #7A7570;

    /* Estados */
    --ok:        #1F7A43;
    --ok-soft:   #EAF7EC;
    --warn:      #A45F00;
    --warn-soft: #FFF4DE;
    --bad:       #A8200F;
    --bad-soft:  #FCECEA;
    --info:      #2F6EA6;
    --info-soft: #E8EEF7;

    /* Métricas */
    --sidebar:   230px;
    --radius:    10px;
    --radius-sm: 8px;
    /* Pildora: el mismo 999px de siempre, ahora con nombre. */
    --radius-pill: 999px;
    --shadow-card: 0 1px 3px rgba(45, 45, 45, .06);
    --shadow-pop:  0 14px 34px rgba(45, 45, 45, .16);

    /* Alias de compatibilidad (estilos locales de templates) */
    --wm-line:     var(--border);
    --wm-muted:    var(--muted);
    --wm-red:      var(--red);
    --wm-charcoal: var(--charcoal);
    --wm-paper:    var(--paper);
    --wm-green:    var(--ok);
    --wm-blue:     var(--info);
}