/* assets/games/state-themes.css — v1.1 * ============================================================================ * Per-state theme variables for the Earn-Points crossword framework. * * Applied via `` on standalone game pages. Pulls * representative state-flag / state-branding colors so MD looks "Maryland", * VA looks "Virginia", etc. without per-page CSS. Variables consumed by * assets/games/crossword.css. * * Color choices: approximations of state-flag heritage palettes. No * canonical STATE_COLORS map exists in the repo as of 2026-06-09; the * /transcript color helpers in transcript-config.js are different * concept-tag colors (not state-brand). When a canonical state-brand * palette lands, these values should be folded into it. * ==========================================================================*/ /* Maryland — black-and-gold + red-and-white quadrants (state flag). */ body.state-md { --xword-primary: #c8102e; --xword-accent: #ffd700; --xword-bg-tint: #fff8e7; --xword-border: #c8102e; --xword-cell-in-word: #fff3c0; --xword-cell-active: #ffd700; } /* DC — Title 47 Stars-and-Bars red on white. */ body.state-dc { --xword-primary: #c8102e; --xword-accent: #002868; --xword-bg-tint: #fef2f2; --xword-border: #c8102e; --xword-cell-in-word: #fde7e7; --xword-cell-active: #ffd5d5; } /* Virginia — Commonwealth navy + sunset orange accent. */ body.state-va { --xword-primary: #002868; --xword-accent: #ff6b35; --xword-bg-tint: #f0f4f8; --xword-border: #002868; --xword-cell-in-word: #e0eaf6; --xword-cell-active: #ffd5b8; } /* New Jersey — Garden State buff + Continental Army navy. */ body.state-nj { --xword-primary: #002878; --xword-accent: #f3d3aa; --xword-bg-tint: #faf6ef; --xword-border: #002878; --xword-cell-in-word: #f6ecdb; --xword-cell-active: #f3d3aa; } /* New York — Empire State blue + orange (NY Knicks heritage). */ body.state-ny { --xword-primary: #002878; --xword-accent: #ff6b35; --xword-bg-tint: #f0f4ff; --xword-border: #002878; --xword-cell-in-word: #e0e8ff; --xword-cell-active: #ffd5b8; } /* Pennsylvania — Keystone blue + gold. */ body.state-pa { --xword-primary: #003087; --xword-accent: #fdb813; --xword-bg-tint: #f0f4ff; --xword-border: #003087; --xword-cell-in-word: #e0e8ff; --xword-cell-active: #ffe6a3; } /* North Carolina — Old North State blue. */ body.state-nc { --xword-primary: #13294b; --xword-accent: #ce1126; --xword-bg-tint: #eef2f7; --xword-border: #13294b; --xword-cell-in-word: #dbe2ed; --xword-cell-active: #f8d4d8; } /* South Carolina — Indigo and crescent moon. */ body.state-sc { --xword-primary: #001f54; --xword-accent: #f6f0d6; --xword-bg-tint: #eef0f6; --xword-border: #001f54; --xword-cell-in-word: #dbe0ee; --xword-cell-active: #f6f0d6; } /* Facility & Camp — neutral evergreen. */ body.state-facility { --xword-primary: #2d6a4f; --xword-accent: #b08968; --xword-bg-tint: #f1f7f3; --xword-border: #2d6a4f; --xword-cell-in-word: #d9ebde; --xword-cell-active: #e7d4bf; } /* Base / GC Prep Multi-State (MSB) — GC Prep house palette: charcoal + gold. Not a state flag — the cross-state product wears the brand colors. */ body.state-base { --xword-primary: #1a1814; --xword-accent: #c49a27; --xword-bg-tint: #fbf7ec; --xword-border: #1a1814; --xword-cell-in-word: #f3e9c8; --xword-cell-active: #e9cf7a; }