/* ── Paleta de líneas del timeline ────────────────────────────────────────────
   Espejo en CSS de TimeLineBranchPalette (shared.client.processes). Los mismos
   colores que pinta el timeline y que usa MAUI, para que una rama tenga UN color
   en todas las superficies: trazado, tarjetas, popups, badges y listas de personas.

   El color identifica LA RAMA, no su tipo. El tipo (paralelo / dependencia) ya se
   dice con texto en el badge, así que gastar familias cromáticas en él desperdiciaba
   la mitad de la paleta y obligaba a repetir color entre dos ramas vivas antes de
   tiempo. Es la convención de un visor de ramas de git: un color por rama.

   El tronco siempre azul — es la única línea que existe en toda orden y sirve de
   referencia contra la cual se leen las demás. Azul y no verde porque el verde (y el
   rojo) quedan reservados para señalización de estado: inicio, fin, éxito, error.

   IMPORTANTE: si se agrega o cambia un color acá, hay que cambiarlo también en
   TimeLineBranchPalette. Es la única duplicación que el lenguaje no permite evitar. */

:root {
    /* Índigo del burndown (serie "Estado Real"): el tronco y esa curva cuentan el mismo hecho. */
    --lane-mainline: #677BC4;

    /* Ni verde ni rojo (señalización de estado) ni índigo (el tronco). */
    --lane-branch-0: #DAC57F; /* dorado */
    --lane-branch-1: #B07DD4; /* violeta */
    --lane-branch-2: #D46EA8; /* fucsia */
    --lane-branch-3: #E08A5F; /* terracota */
    --lane-branch-4: #5FBFC4; /* turquesa */
    --lane-branch-5: #8E5FA8; /* púrpura profundo */
    --lane-branch-6: #A8763C; /* bronce */
    --lane-branch-7: #2E8F94; /* teal profundo */
}

/* Relleno — filetes, indicadores, badges sólidos */
.lane-mainline   { background-color: var(--lane-mainline); }
.lane-branch-0   { background-color: var(--lane-branch-0); }
.lane-branch-1   { background-color: var(--lane-branch-1); }
.lane-branch-2   { background-color: var(--lane-branch-2); }
.lane-branch-3   { background-color: var(--lane-branch-3); }
.lane-branch-4   { background-color: var(--lane-branch-4); }
.lane-branch-5   { background-color: var(--lane-branch-5); }
.lane-branch-6   { background-color: var(--lane-branch-6); }
.lane-branch-7   { background-color: var(--lane-branch-7); }

/* Trazo SVG — curvas de apertura y cierre. La curva que conecta una rama con su origen
   tiene que llevar el color de ESA rama: si hereda el de la línea de al lado, el dibujo
   dice que la rama nueva brota de la vieja en vez de nacer del tronco. */
.stroke-lane-mainline { stroke: var(--lane-mainline); }
.stroke-lane-branch-0 { stroke: var(--lane-branch-0); }
.stroke-lane-branch-1 { stroke: var(--lane-branch-1); }
.stroke-lane-branch-2 { stroke: var(--lane-branch-2); }
.stroke-lane-branch-3 { stroke: var(--lane-branch-3); }
.stroke-lane-branch-4 { stroke: var(--lane-branch-4); }
.stroke-lane-branch-5 { stroke: var(--lane-branch-5); }
.stroke-lane-branch-6 { stroke: var(--lane-branch-6); }
.stroke-lane-branch-7 { stroke: var(--lane-branch-7); }

/* Texto — cuando el color va en la tipografía y no en el fondo */
.lane-text.lane-mainline { background: none; color: var(--lane-mainline); }
.lane-text.lane-branch-0 { background: none; color: var(--lane-branch-0); }
.lane-text.lane-branch-1 { background: none; color: var(--lane-branch-1); }
.lane-text.lane-branch-2 { background: none; color: var(--lane-branch-2); }
.lane-text.lane-branch-3 { background: none; color: var(--lane-branch-3); }
.lane-text.lane-branch-4 { background: none; color: var(--lane-branch-4); }
.lane-text.lane-branch-5 { background: none; color: var(--lane-branch-5); }
.lane-text.lane-branch-6 { background: none; color: var(--lane-branch-6); }
.lane-text.lane-branch-7 { background: none; color: var(--lane-branch-7); }