/* CHERP — per-trade theme overrides Activated by trade-runtime.js setting at load time. Each rule remaps the same accent tokens used in app.css and trades.css so install + chrome + buttons all tint to the trade color. Safe defaults: if the data attribute is missing, the page keeps its original blue (pipe-trades-equivalent). Color assignments (Phase 2, 2026-05-11): pipe-trades royal blue electricians neon yellow hvac sky blue fire-sprinkler fire red/orange carpentry beige concrete light grey masonry deep burgundy/wine roofing deep forest green drywall pink insulators purple civil neon orange ironworker slate grey/steel grey general neon green safety bright red */ html[data-cherp-trade="pipe-trades"] { --accent: #4169E1; --accent2: #6B8DF5; --accent-light: #6B8DF5; --accent-dim: rgba(65, 105, 225, 0.16); --accent-glow: rgba(107, 141, 245, 0.25); } html[data-cherp-trade="electricians"] { --accent: #CCFF00; --accent2: #DFFF4F; --accent-light: #DFFF4F; --accent-dim: rgba(204, 255, 0, 0.16); --accent-glow: rgba(223, 255, 79, 0.25); } html[data-cherp-trade="hvac"] { --accent: #87CEEB; --accent2: #A8DEFF; --accent-light: #A8DEFF; --accent-dim: rgba(135, 206, 235, 0.16); --accent-glow: rgba(168, 222, 255, 0.25); } html[data-cherp-trade="fire-sprinkler"] { --accent: #E25822; --accent2: #FF6B3D; --accent-light: #FF6B3D; --accent-dim: rgba(226, 88, 34, 0.16); --accent-glow: rgba(255, 107, 61, 0.25); } html[data-cherp-trade="carpentry"] { --accent: #D2B48C; --accent2: #E8D4B8; --accent-light: #E8D4B8; --accent-dim: rgba(210, 180, 140, 0.16); --accent-glow: rgba(232, 212, 184, 0.25); } html[data-cherp-trade="concrete"] { --accent: #C0C0C0; --accent2: #D9D9D9; --accent-light: #D9D9D9; --accent-dim: rgba(192, 192, 192, 0.16); --accent-glow: rgba(217, 217, 217, 0.25); } html[data-cherp-trade="masonry"] { --accent: #722F37; --accent2: #9B4D56; --accent-light: #9B4D56; --accent-dim: rgba(114, 47, 55, 0.16); --accent-glow: rgba(155, 77, 86, 0.25); } html[data-cherp-trade="roofing"] { --accent: #014421; --accent2: #1B6B3A; --accent-light: #1B6B3A; --accent-dim: rgba(1, 68, 33, 0.18); --accent-glow: rgba(27, 107, 58, 0.25); } html[data-cherp-trade="drywall"] { --accent: #FF69B4; --accent2: #FF8DC7; --accent-light: #FF8DC7; --accent-dim: rgba(255, 105, 180, 0.16); --accent-glow: rgba(255, 141, 199, 0.25); } html[data-cherp-trade="ironworker"] { --accent: #708090; --accent2: #8FA0B0; --accent-light: #8FA0B0; --accent-dim: rgba(112, 128, 144, 0.16); --accent-glow: rgba(143, 160, 176, 0.25); } html[data-cherp-trade="insulators"] { --accent: #8b5cf6; --accent2: #a78bfa; --accent-light: #a78bfa; --accent-dim: rgba(139, 92, 246, 0.16); --accent-glow: rgba(167, 139, 250, 0.25); } html[data-cherp-trade="civil"] { --accent: #FF6700; --accent2: #FF8533; --accent-light: #FF8533; --accent-dim: rgba(255, 103, 0, 0.16); --accent-glow: rgba(255, 133, 51, 0.25); } html[data-cherp-trade="general"] { --accent: #39FF14; --accent2: #6FFF4F; --accent-light: #6FFF4F; --accent-dim: rgba(57, 255, 20, 0.16); --accent-glow: rgba(111, 255, 79, 0.25); } html[data-cherp-trade="safety"] { --accent: #EE0000; --accent2: #FF3333; --accent-light: #FF3333; --accent-dim: rgba(238, 0, 0, 0.16); --accent-glow: rgba(255, 51, 51, 0.25); } /* Per-trade content is now fully wired via trade-content.js — banner removed. */