/* ========================================================================== Blowout Draft -- global theme Bootstrap (layout/utilities) + Web Awesome (components/tokens) + Font Awesome (icons) are loaded in App.razor. This file defines the brand palette and the handful of global styles our own chrome (nav, hero, footer, dashboard) uses. ========================================================================== */ :root { /* Brand: field-grass green (sampled from grass-background.jpg) with a warm amber accent for CTAs and a deep forest-green ink for the chrome. */ --bd-brand: #3f7d1e; --bd-brand-strong: #2c5614; --bd-brand-soft: #eaf3e0; --bd-accent: #ff8a1e; --bd-accent-strong: #e6730a; --bd-ink: #10220b; --bd-ink-soft: #1a3312; --bd-ink-line: #2b4a1f; /* Win/loss semantic colors. */ --bd-win: #16a34a; --bd-loss: #dc2626; --bd-header-h: 4rem; } /* Font Awesome runs as an SVG+JS kit: it swaps each