/* Broker Link 2.0 — Brand Tokens (LOCKED palette) */
:root {
	/* Primary */
	--bl-primary:        #EAAC3B; /* TBI gold: logo block, primary buttons, badges, active, CTAs */
	--bl-primary-hover:  #D6982A; /* derived ~10% darker gold for hover/active (pending sign-off) */

	/* Backgrounds */
	--bl-bg:             #1A1A1A; /* primary application background */
	--bl-bg-nav-active:  #39301F; /* active / selected navigation background */
	--bl-bg-elevated:    #363636; /* inactive badges & elevated neutral elements */

	/* Text & icons */
	--bl-text:           #FFFFFF; /* primary headings & active text */
	--bl-text-body:      #E6E6E6; /* body & paragraph copy (softer than pure white, readable) */
	--bl-text-nav:       #B6B6B6; /* standard navigation text & icons */
	--bl-text-muted:     #8A8A8A; /* muted/secondary text, captions, footer text */
	--bl-text-on-gold:   #1A1A1A; /* text & icons on gold backgrounds */

	/* Borders */
	--bl-border:         #313131; /* standard dividers & borders */
	--bl-border-subtle:  #2C2C2C; /* subtle borders & footer separation */

	/* ---- Light content surfaces ----
	 * The app shell (sidebar / top nav) stays dark; the CONTENT area uses light
	 * cards on a light canvas for readability. These tokens drive that content
	 * region only.
	 */
	--bl-content-bg:       #F4F5F7; /* content canvas behind cards (was black) */
	--bl-surface:          #FFFFFF; /* card / panel / table surface */
	--bl-surface-alt:      #EEF0F3; /* table headers, stripes, hover on light */
	--bl-text-dark:        #1F2430; /* primary body text on light surfaces */
	--bl-text-dark-strong: #11141B; /* headings on light surfaces */
	--bl-text-dark-muted:  #5B6472; /* muted/secondary text on light surfaces */
	--bl-border-light:     #E2E4E8; /* borders/dividers on light surfaces */
}