/* Legacy custom styles. The bulk of the design system now lives in
   tnu-tokens.css and tnu-components.css. This file only retains
   styles that aren't covered by the token system and are still
   referenced by templates we haven't fully rewritten. */

/* ============================================================
   Table-row tinted variants used inside game_management.html
   and rules_interpretations_19.html for the game-management
   severity ladder. Mapped to TNU GM ladder tokens.
   ============================================================ */
.table-orange,
.table-orange > th,
.table-orange > td { background-color: rgba(245, 138, 31, 0.18) !important; }

.table-danger-light,
.table-danger-light > th,
.table-danger-light > td { background-color: rgba(224, 57, 44, 0.15) !important; }

/* ============================================================
   Focus ring — accessibility. Uses the design's bib-yellow
   accent so focus rings are part of the brand language.
   ============================================================ */
:focus-visible {
    outline: 3px solid var(--tnu-bib-yellow);
    outline-offset: 2px;
    border-radius: 4px;
}