/* What both Blazor apps share (the console with BlazorBlueprint, the rider's web without it): the brand's colors and
   the rating stars. The console's theme variables (--foreground, --muted-foreground) are used when present. */
:root {
    --taxio-navy: #071A3D;
    --taxio-amber: #FFC107;
    --taxio-star: #f5b301;
}

.tx-stars { display: inline-flex; align-items: center; gap: 0.0625rem; white-space: nowrap; font-size: 1rem; line-height: 1; }
.tx-stars__on { color: var(--taxio-star); }
.tx-stars__off { color: color-mix(in oklch, var(--muted-foreground, #94a3b8) 35%, transparent); }
.tx-stars__number { margin-left: 0.375rem; font-size: 0.8125rem; font-weight: 600; color: var(--foreground, currentColor); }
.tx-stars--sm { font-size: 0.8125rem; }