.b-heatmap .b-grid-cell.heat {
    /* --heat is set to the cell's value (0-99) by the column renderer. Mixing in oklch passes through yellow,
       giving a red -> yellow -> green scale. Alpha keeps text readable in both light and dark themes */
    background-color : color-mix(
        in oklch,
        oklch(0.62 0.21 25 / 0.1),
        oklch(0.72 0.19 145 / 0.1) calc(var(--heat, 50) * 1%)
    );
}

.heat {
    i {
        margin-inline-start: .5em;
    }

    .low {
        color : var(--b-color-red);
    }

    .high {
        color : var(--b-color-yellow);
    }
}