/* GestiCont — tokens de diseño (rediseño "docs/design_handoff_gesticont_redesign").
 *
 * Los NOMBRES de variable (--gc-*) son los de siempre: así las pantallas que aún
 * usan var(--gc-…) en estilos en línea toman la paleta nueva sin tocarlas. Solo
 * cambian los valores. Se eliminaron los temas de color y de acento (la guía de
 * diseño quita el selector de tema): hay una sola paleta, de alto contraste.
 *
 * Paleta de la guía: fondo cálido #f6f4ef, tarjetas blancas, azul #1f4e79.
 * Semáforo: éxito verde, advertencia ámbar, peligro rojo, información azul suave.
 */
:root {
    /* superficies */
    --gc-bg:        #f6f4ef;
    --gc-surface:   #ffffff;
    --gc-surface-2: #efece5;   /* hover neutro / divisor suave */
    --gc-line:      #e2ded5;   /* borde principal */
    --gc-line-2:    #d6d1c6;   /* borde de inputs y botones secundarios */

    /* texto */
    --gc-ink:     #1c1b19;     /* principal */
    --gc-label:   #3d3b36;     /* terciario oscuro */
    --gc-label-2: #5a5750;     /* secundario */
    --gc-muted:   #67635a;     /* ayudas y pies — conserva contraste AA sobre blanco */

    /* primario */
    --gc-brand:       #1f4e79;
    --gc-brand-hover: #163a5c;
    --gc-brand-soft:  #e6eef6;
    --gc-brand-line:  #b9c8d8;
    --gc-on-brand:    #ffffff;
    --gc-link:        #1f4e79;
    --gc-link-bg:     #e6eef6;
    --gc-accent-light:#9db9d4;

    /* éxito */
    --gc-pos:          #1e6b3a;
    --gc-pos-soft:     #e5f2e8;
    --gc-pos-soft-2:   #f0f7f2;
    --gc-pos-border:   #bfe0c8;
    --gc-success-strong:#2e8b4f;

    /* peligro */
    --gc-neg:          #a3261d;
    --gc-neg-soft:     #fbe3e0;
    --gc-neg-soft-2:   #f7d0cb;
    --gc-neg-soft-3:   #e9a39c;
    --gc-neg-border:   #efb3ac;
    --gc-neg-strong:   #a3261d;
    --gc-neg-strong-2: #c0392b;
    --gc-neg-action:   #a3261d;   /* fondo de botón peligroso (texto blanco encima) */

    /* advertencia */
    --gc-warn:         #7a4f00;
    --gc-warn-soft:    #fbefd5;
    --gc-warn-soft-2:  #fdf6e7;   /* fondo de banner */
    --gc-warn-border:  #e8c98a;
    --gc-warn-text:    #5c3b00;   /* texto de banner */

    /* neutros y varios */
    --gc-neutral-bg:     #efece5;
    --gc-neutral-text:   #3d3b36;
    --gc-neutral-border: #d6d1c6;
    --gc-purple:         #5b3a8c;
    --gc-series-compras: #c98a3d; /* serie de compras en gráficos */

    --gc-overlay: rgba(28, 27, 25, 0.38);
    --gc-radius-card: 16px;
    --gc-radius-ctrl: 10px;
    --gc-focus: #1f4e79;
}