/*
 * Shared verdict/status color tokens for the screener and company-detail pages.
 *
 * This theme's own .text-bg-*-subtle utilities set the TEXT color to the raw,
 * fully-saturated --bs-success/--bs-warning/etc. hue on a near-white background
 * (e.g. #F6C343 gold text on #fdf3d9) - low contrast and tiring to read,
 * especially at the volume these pages show badges. These classes use the same
 * light background paired with the theme's own dark *-text-emphasis token
 * instead, which is the combination Bootstrap's stock (unmodified) subtle
 * badges use.
 *
 * color/background-color are !important: Bootstrap's own .badge rule sets
 * color: var(--bs-badge-color) (white) at the same specificity (one class),
 * so on elements that carry both "badge" and one of these classes, source
 * order alone decides the winner - on a light/secondary tint that can render
 * as white-on-near-white and go invisible. !important makes these authoritative
 * regardless of class order or stylesheet load order.
 */
.badge-v-success { background-color: var(--bs-success-bg-subtle) !important; color: var(--bs-success-text-emphasis) !important; }
.badge-v-info { background-color: var(--bs-info-bg-subtle) !important; color: var(--bs-info-text-emphasis) !important; }
.badge-v-warning { background-color: var(--bs-warning-bg-subtle) !important; color: var(--bs-warning-text-emphasis) !important; }
.badge-v-danger { background-color: var(--bs-danger-bg-subtle) !important; color: var(--bs-danger-text-emphasis) !important; }
.badge-v-secondary { background-color: var(--bs-secondary-bg-subtle) !important; color: var(--bs-secondary-text-emphasis) !important; }
.badge-v-purple { background-color: #efe6fb !important; color: #4a3573 !important; }

/* Solid fills (stepper dots, tab indicators) use the dark emphasis token directly - already dark enough for white content on top. */
.dot-v-success { background-color: var(--bs-success-text-emphasis); }
.dot-v-info { background-color: var(--bs-info-text-emphasis); }
.dot-v-warning { background-color: var(--bs-warning-text-emphasis); }
.dot-v-danger { background-color: var(--bs-danger-text-emphasis); }
.dot-v-secondary { background-color: var(--bs-secondary-text-emphasis); }
.dot-v-purple { background-color: #4a3573; }

/* Whole-tile variant for the Summary tab's hero row - same subtle bg/text pairing as badge-v-*,
   plus a matching border so the tile reads as one card, not a badge floating on a gray box. */
.tile-v-success { background-color: var(--bs-success-bg-subtle) !important; color: var(--bs-success-text-emphasis) !important; border-color: var(--bs-success-border-subtle) !important; }
.tile-v-info { background-color: var(--bs-info-bg-subtle) !important; color: var(--bs-info-text-emphasis) !important; border-color: var(--bs-info-border-subtle) !important; }
.tile-v-warning { background-color: var(--bs-warning-bg-subtle) !important; color: var(--bs-warning-text-emphasis) !important; border-color: var(--bs-warning-border-subtle) !important; }
.tile-v-danger { background-color: var(--bs-danger-bg-subtle) !important; color: var(--bs-danger-text-emphasis) !important; border-color: var(--bs-danger-border-subtle) !important; }
.tile-v-secondary { background-color: var(--bs-secondary-bg-subtle) !important; color: var(--bs-secondary-text-emphasis) !important; border-color: var(--bs-secondary-border-subtle) !important; }
.tile-v-purple { background-color: #efe6fb !important; color: #4a3573 !important; border-color: #d9c6f0 !important; }