/* M16: per-brand color tokens. Driven by the data-brand attribute that brand-bootstrap.js stamps on at first paint. The full brand record (text, URLs, tokens) still comes from the feedback API; this file is JUST the colors so we don't get a flash of wrong-brand styles before the API responds. To add a new brand: add a [data-brand=""] block here, plus the projects row + DNS + Caddy. */ :root { /* BitBooks defaults — used as fallback before data-brand is stamped and for the bitbooks brand itself. */ --accent: #F7931A; --accent-hover: #E0820F; --accent-light: #FEF3E2; --accent-glow: rgba(247, 147, 26, 0.12); --bb-orange: #F7931A; --bb-orange-hover: #E0820F; --bb-orange-light: #FEF3E2; --bb-orange-glow: rgba(247, 147, 26, 0.12); } [data-brand="orangerails"] { --accent: #f97316; --accent-hover: #c2410c; --accent-light: #FFEDD5; --accent-glow: rgba(249, 115, 22, 0.14); --bb-orange: #f97316; --bb-orange-hover: #c2410c; --bb-orange-light: #FFEDD5; --bb-orange-glow: rgba(249, 115, 22, 0.14); } [data-brand="orangeway"] { --accent: #fb923c; --accent-hover: #ea580c; --accent-light: #FFEDD5; --accent-glow: rgba(251, 146, 60, 0.14); --bb-orange: #fb923c; --bb-orange-hover: #ea580c; --bb-orange-light: #FFEDD5; --bb-orange-glow: rgba(251, 146, 60, 0.14); }