/* * LabsNinja accent overrides — 6 swatches from the redesign Tweaks panel * (labsninja-scim-csp/ai-review-loop/redesign-source/labsninja/project/app.jsx:131). * * Add `data-accent=""` to (or any ancestor) to override the * theme's indigo brand color. Mirrors `applyAccent(hex)` from app.jsx:13-19: * indigo = hex * indigoSoft = hex + '26' (~15% alpha) * indigoBorder = hex + '66' (~40% alpha) * indigoIn = #0f0a2a (constant text-on-accent for these overrides) * * Added: cycle 2 (foundation). No backend behavior changes. */ :root[data-accent='violet'] { --ln-indigo: #7F76F2; --ln-indigo-soft: rgba(127, 118, 242, 0.15); --ln-indigo-border: rgba(127, 118, 242, 0.40); --ln-indigo-in: #0F0A2A; } :root[data-accent='lavender'] { --ln-indigo: #5B6EE8; --ln-indigo-soft: rgba(91, 110, 232, 0.15); --ln-indigo-border: rgba(91, 110, 232, 0.40); --ln-indigo-in: #0F0A2A; } :root[data-accent='orchid'] { --ln-indigo: #9D6BE6; --ln-indigo-soft: rgba(157, 107, 230, 0.15); --ln-indigo-border: rgba(157, 107, 230, 0.40); --ln-indigo-in: #0F0A2A; } :root[data-accent='mint'] { --ln-indigo: #3FB68D; --ln-indigo-soft: rgba(63, 182, 141, 0.15); --ln-indigo-border: rgba(63, 182, 141, 0.40); --ln-indigo-in: #0F0A2A; } :root[data-accent='clay'] { --ln-indigo: #E08741; --ln-indigo-soft: rgba(224, 135, 65, 0.15); --ln-indigo-border: rgba(224, 135, 65, 0.40); --ln-indigo-in: #0F0A2A; } :root[data-accent='coral'] { --ln-indigo: #E36B6B; --ln-indigo-soft: rgba(227, 107, 107, 0.15); --ln-indigo-border: rgba(227, 107, 107, 0.40); --ln-indigo-in: #0F0A2A; }