citec-brand-manual

Choose accent colors based on the section background and emphasis level: use citec-secondary for strong emphasis on primary indigo backgrounds, citec-accent for calmer premium signals, and citec-highlight only for small energetic highlights like counters or thin dividers.

The CITEC brand system uses citec-primary as the institutional indigo base, citec-secondary for bright emphasis, citec-accent for cyan-family support, citec-highlight for lime accents, plus citec-canvas, citec-panel, and citec-border for neutral surfaces, all defined in src/styles/tokens.css.

No, new accent colors outside the brand manual or src/styles/tokens.css are not allowed. The skill requires using only the existing citec-* tokens and semantic neutrals to preserve the institutional, editorial tone.

Use citec-highlight (lime) only for small-scale elements like counters, fine dividers, or isolated calls to attention. For dominant accents on dark primary sections, prefer citec-secondary to achieve a premium rather than promotional feel.

Combining citec-highlight, citec-secondary, and citec-accent at the same visual hierarchy violates the manual's restrained composition. The brand relies on a dominant indigo base with one main accent per section, avoiding loud or promotional stacking.