/* ============================================================
   NEXSYAN — Identidad visual (fuente unica de la paleta)
   La consumen el sitio publico (landing.css) y el login de /gestion/,
   que comparten dominio: sin esto, la misma marca se veia de dos
   maneras distintas a un click de distancia.

   Se carga ANTES de style.css a proposito: los dos declaran --success
   y --danger, y dentro de la consola deben ganar los de style.css.
   ============================================================ */

:root {
    /* Superficies */
    --bg: #0F1823;
    --bg-elev: #182232;
    --bg-hover: #1F2B3F;
    --bg-deeper: #0A121C;
    --surface-grad: linear-gradient(135deg, #283649 0%, #1D2733 100%);

    /* Texto */
    --text: #F5F7FA;
    --text-mute: #B7C0CE;
    --text-soft: #8B96A8;
    --text-faint: #5E697A;

    /* Corporativo */
    --brand: #4BA3E3;
    --brand-soft: #3A92D2;
    --brand-glow: rgba(75, 163, 227, 0.18);
    --brand-fade: rgba(75, 163, 227, 0.08);
    --primary-dark: #283649;
    --primary-darker: #1D2733;

    /* El campo: el amarillo del chaleco reflectivo. Es el otro lado de la
       confrontacion — lo digital es azul, lo fisico es esto. Se usa una vez. */
    --campo: #D6E84B;
    --campo-fade: rgba(214, 232, 75, 0.10);

    /* Estados */
    --success: #3DD68C;
    --danger: #F47575;

    /* Bordes */
    --border: #1F2A3E;
    --border-strong: #2B384F;

    /* Tipo */
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;

    /* Radios */
    --r: 10px;
    --r-sm: 6px;
    --r-lg: 14px;
    --r-xl: 20px;

    --t: 200ms cubic-bezier(0.2, 0, 0, 1);
}