# How to Apply This Spec in Lovable

Lovable persists project-level context through its **Knowledge** panel (per-project custom instructions prepended to every prompt). Use that — not a one-off chat message — so it survives across sessions and every future prompt.

### Steps
1. Open your project in Lovable → **Project Settings → Knowledge** (label may vary by Lovable version — check the settings gear).
2. Paste the block below into Knowledge.
3. Also attach `BCBSNE_STYLE_SPEC.md` as a project file if your Lovable version supports file attachments in Knowledge.
4. Download the real logo SVGs listed in `BCBSNE_STYLE_SPEC.md` §1 (via the brand portal's Logo Generator Tool) and upload them into your Lovable project's asset folder — don't hot-link the portal's Firebase URLs into a live product.
5. Every generation in that project will then apply these constraints automatically.

### Paste this into Lovable's Knowledge field:

```
BCBSNE BRAND RULES (always apply, every screen/component/copy):

COLORS — CSS variables only, never raw hex inline:
Primary:   --bcbsne-process-blue: #0099CC (dominant color, most layouts) | --bcbsne-white: #FFFFFF
Secondary: --bcbsne-midnight-blue: #003359 (headings, hover states) | --bcbsne-sky-blue: #8FCAE7
Neutral:   --bcbsne-black: #1E1E1E (default body text) | --bcbsne-ogallala-blue: #BED6DB | --bcbsne-sandhills: #F2E4D2 | --bcbsne-gainsboro: #E0E1E2 | --bcbsne-silver: #B2B9BE | --bcbsne-light-slate-gray: #838C97
Extended (data viz/accents ONLY, sparing use, priority order):
  Orange: #FFC89E / #FF8F1C / #BD6813   Green: #ABDAC4 / #44BB8D / #308A68
  Pink:   #F6A6B4 / #EF4270 / #B23152   Purple: #CCB5D8 / #9B6EAF / #725082
  Yellow: #FFE6B0 / #FCCC00             Red:    #EE9B9A / #CC203B / #981B2A
Proportion: Process Blue should dominate most layouts; Black for all long-form text; accent colors used sparingly (~30/16/4% split as a guide).

TYPOGRAPHY — Univers throughout (headings AND body — never Open Sans). Arial is the only approved fallback.
- Primary headline: Univers 59 Ultra Condensed, ALL CAPS, kerning 15, leading = size × 0.86
- Secondary headline: Univers 47 Light Condensed, sentence case, leading = size × 1.2
- Body heading: Univers 65 Bold, sentence case, leading = size × 1.1
- Body text: Univers 45 Light, sentence case, leading = size × 1.33
- Never render headings in lowercase. Left-align type. Never substitute default PowerPoint/Word fonts.

LOGO — never regenerate, recolor, distort, stretch, rotate, or add effects to the BCBSNE logo. Preferred: two-line lockup, Standard Symbols, Process Blue. Use a labeled placeholder if a real asset isn't available — never invent one. Clear space around the logo = height of the Cross.

COPY TONE — every user-facing string (buttons, errors, empty states, onboarding, headlines) must sound Helpful, Human, Smart:
- Helpful: reliable, straightforward, accurate — never patronizing or self-serving.
- Human: compassionate, personal, understanding — never overly familiar or disingenuous.
- Smart: knowledgeable, confident — never academic, arrogant, or jargon-heavy.
Target 6th-grade reading level, active voice, short sentences (paragraphs ≤150 words), spell out acronyms on first use, avoid "click here" links (use descriptive link text instead).

COMPONENTS (defaults where the brand guide doesn't specify a digital pattern):
- Primary buttons: Process Blue fill, white text, darken to Midnight Blue on hover.
- Secondary/outline buttons: Midnight Blue or Black border/text.
- Links: Process Blue, darken on hover.
- Backgrounds: white base; Ogallala Blue / Sandhills for alternating sections.
- Charts: cycle extended-palette core hues in priority order (orange→green→pink→purple→yellow→red) before adding other colors.

Full reference: BCBSNE_STYLE_SPEC.md (attached to this project).
```

### Optional: enforce at the code level too
Ask Lovable to generate a shared `theme.css` / Tailwind config from the CSS variables in `BCBSNE_STYLE_SPEC.md` §2–3 and import it globally, so the palette and type scale are enforced structurally, not just by prompting.