/* Position group colors - shared across pages */

/* QB: Light blue */
.pos-QB { background-color: var(--pos-qb-bg); }
.pos-QB-text { color: var(--pos-qb-text); }

/* RB: Azure */
.pos-RB { background-color: var(--pos-rb-bg); }
.pos-RB-text { color: var(--pos-rb-text); }

/* WR: Light goldenrod */
.pos-WR { background-color: var(--pos-wr-bg); }
.pos-WR-text { color: var(--pos-wr-text); }

/* TE: Light green */
.pos-TE { background-color: var(--pos-te-bg); }
.pos-TE-text { color: var(--pos-te-text); }

/* IDP (DL, LB, DB): Seashell */
.pos-IDP, .pos-DL, .pos-LB, .pos-DB { background-color: var(--pos-idp-bg); }
.pos-IDP-text, .pos-DL-text, .pos-LB-text, .pos-DB-text { color: var(--pos-idp-text); }

/* K: Light gray */
.pos-K { background-color: var(--pos-k-bg); }
.pos-K-text { color: var(--pos-k-text); }

/* Table header variants - use background colors with dark text */
th.pos-QB { background-color: var(--pos-qb-bg); color: var(--pos-qb-text); }
th.pos-RB { background-color: var(--pos-rb-bg); color: var(--pos-rb-text); }
th.pos-WR { background-color: var(--pos-wr-bg); color: var(--pos-wr-text); }
th.pos-TE { background-color: var(--pos-te-bg); color: var(--pos-te-text); }
th.pos-DL, th.pos-LB, th.pos-DB, th.pos-IDP { background-color: var(--pos-idp-bg); color: var(--pos-idp-text); }
th.pos-K { background-color: var(--pos-k-bg); color: var(--pos-k-text); }

/* Position badge - inline badge for player positions */
.position-badge {
	font-size: 0.7rem;
	padding: 0.15rem 0.35rem;
	border-radius: 0.25rem;
	border: 1px solid;
	margin-left: 0.35rem;
	vertical-align: middle;
}
.position-badge.pos-QB { background-color: var(--pos-qb-bg); color: var(--pos-qb-text); border-color: var(--pos-qb-text); }
.position-badge.pos-RB { background-color: var(--pos-rb-bg); color: var(--pos-rb-text); border-color: var(--pos-rb-text); }
.position-badge.pos-WR { background-color: var(--pos-wr-bg); color: var(--pos-wr-text); border-color: var(--pos-wr-text); }
.position-badge.pos-TE { background-color: var(--pos-te-bg); color: var(--pos-te-text); border-color: var(--pos-te-text); }
.position-badge.pos-DL,
.position-badge.pos-LB,
.position-badge.pos-DB { background-color: var(--pos-idp-bg); color: var(--pos-idp-text); border-color: var(--pos-idp-text); }
.position-badge.pos-K { background-color: var(--pos-k-bg); color: var(--pos-k-text); border-color: var(--pos-k-text); }