/* TenantNagare — tokens del panel
 *
 * Única fuente de verdad de la paleta y de las medidas. Para cambiar el look
 * del panel entero hay que editar este bloque: ni panel.css ni login.css
 * llevan colores propios.
 *
 * Paleta base (violetas):
 *   #181022  deep plum      texto principal, fondo del login
 *   #3B2A4D  muted purple   acción primaria, texto secundario
 *   #806B99  dusty violet   acentos: puntos de estado, iconos, foco
 *   #D9CDEA  lavender fog   fondo de la aplicación
 *   #FAF7FF  violet white   tarjetas y texto sobre fondo oscuro
 */

:root {
    /* ---------- Fondo y superficies ---------- */
    --bg: #fdfcff;                /* violet white un poco más claro: fondo de cada módulo */
    --surface: #ffffff;           /* tarjetas, tablas, campos */
    --surface-2: #f7f4fd;         /* filas alternas, pies de tabla */
    --surface-3: #efeaf8;         /* hover, fondos sutiles */
    --violet-white: #faf7ff;      /* fondo del login */

    /* ---------- Tinta ---------- */
    --ink: #181022;               /* deep plum: texto principal */
    --ink-2: #3b2a4d;             /* muted purple: texto secundario */
    --muted: #5f4a75;             /* etiquetas y texto terciario */
    --line: #c9b9dc;              /* separadores */
    --line-soft: #e2d7ee;         /* separadores internos */

    /* ---------- Acento: muted purple ---------- */
    --brand: #3b2a4d;
    --brand-dark: #2b1e3a;        /* hover */
    --brand-ink: #ffffff;         /* texto sobre el acento */
    --brand-soft: #ede6f6;        /* fondos muy tenues de acento */

    /* ---------- Barra lateral ----------
     * Degradado vertical de #501048 a #2F002B (violeta profundo casi negro).
     * El texto va en blanco: sobre ambos tonos la contraste llega a AA, y el
     * hover y el activo oscurecen en vez de aclarar. */
    --side-bg: #501048;
    --side-bg-2: #2f002b;
    --side-ink: #ffffff;
    --side-icon: #dcd7e0;        /* iconos: 3,3:1, umbral de componente de UI */
    --side-line: rgba(255, 255, 255, 0.16);
    --side-hover: rgba(24, 16, 34, 0.16);
    --side-active: rgba(24, 16, 34, 0.32);
    --brand-on-dark: #f0e8f8;     /* marca del ítem activo */

    /* ---------- Estados ----------
     * Texto oscuro sobre fondo casi blanco: el color se lee del texto, no
     * del fondo (el punto del chip hereda currentColor). El "info" es la
     * propia familia violeta, para no sumar tonos. */
    --ok-ink: #2c6a4b;
    --ok-bg: #e9f2ec;

    --warn-ink: #8a5a12;
    --warn-bg: #fbf3e3;

    --err-ink: #8e1f3c;           /* rojo ciruela, familia del acento */
    --err-bg: #f8e9ee;

    --info-ink: #4a3a5e;
    --info-bg: #ede6f6;

    /* ---------- Órdenes (tarjeta de orden activa en Inicio) ---------- */
    --orden-muted: #5c5a54;         /* texto secundario de la tarjeta */
    --orden-plazo: #4338ca;         /* días restantes del plazo */
    --orden-plazo-vencido: #b91c1c; /* plazo vencido */
    --orden-suc-bg: #f4f4f5;        /* fondo de la tarjeta de sucursal (gris claro) */
    --orden-dot-pend: #d97706;      /* punto ámbar: pendiente de envío */
    --orden-dot-pend-halo: #fef3c7;
    --orden-dot-ok: #16a34a;        /* punto verde: enviada */
    --orden-dot-ok-halo: #dcfce7;

    /* ---------- Medidas ---------- */
    --radius: 4px;
    --radius-lg: 6px;
    --side-w: 232px;

    /* ---------- Tipografía ---------- */
    --font: 'Arcadia', 'Arcadia Fallback', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}