<!-- SPDX-License-Identifier: MIT -->
<!-- SPDX-FileCopyrightText: 2025-2026 Marcus Quinn -->

# Startup Bold — Colour Palette & Roles

Design tokens for the Startup Bold style. Six groups: Primary, Accent, Text, Surface, Semantic, Shadows.

## Primary

| Role | Hex | Usage |
|------|-----|-------|
| Primary | `#4f46e5` | CTAs, primary buttons, active navigation |
| Primary Hover | `#4338ca` | Hover state |
| Primary Dark | `#3730a3` | Active/pressed state |
| Primary Light | `#e0e7ff` | Badges, tinted backgrounds, selection highlights |
| Primary Ghost | `rgba(79, 70, 229, 0.06)` | Hover backgrounds for ghost elements |

## Accent

| Role | Hex | Usage |
|------|-----|-------|
| Accent | `#10b981` | Secondary CTAs, success-adjacent actions, pricing highlights |
| Accent Hover | `#059669` | Hover state |
| Accent Dark | `#047857` | Active state |
| Accent Light | `#d1fae5` | Accent tinted backgrounds, badges |

## Text

| Role | Hex | Usage |
|------|-----|-------|
| Text Primary | `#111827` | Headings, primary body content |
| Text Secondary | `#6b7280` | Descriptions, captions, metadata |
| Text Tertiary | `#9ca3af` | Placeholders, disabled text |
| Text Inverse | `#ffffff` | Text on primary/dark backgrounds |
| Text Link | `#4f46e5` | Inline links |

## Surface

| Role | Hex | Usage |
|------|-----|-------|
| Background | `#ffffff` | Page background |
| Surface 1 | `#f9fafb` | Alternating sections, card backgrounds |
| Surface 2 | `#f3f4f6` | Elevated backgrounds, input backgrounds |
| Surface 3 | `#e5e7eb` | Active states, pressed backgrounds |
| Border Default | `#e5e7eb` | Card borders, dividers |
| Border Subtle | `#f3f4f6` | Inner dividers, light separators |
| Border Focus | `#4f46e5` | Focus rings |

## Semantic

| Role | Hex | Usage |
|------|-----|-------|
| Success | `#10b981` | Confirmations, completed (shares accent) |
| Success Background | `#ecfdf5` | Success banners |
| Warning | `#f59e0b` | Caution, attention needed |
| Warning Background | `#fffbeb` | Warning banners |
| Error | `#ef4444` | Errors, destructive actions |
| Error Background | `#fef2f2` | Error banners |
| Info | `#3b82f6` | Informational, tips |
| Info Background | `#eff6ff` | Info banners |

## Shadows

| Role | Value | Usage |
|------|-------|-------|
| Subtle | `0 1px 3px rgba(0, 0, 0, 0.06)` | Slight lift, resting cards |
| Medium | `0 4px 16px rgba(0, 0, 0, 0.08)` | Hover cards, dropdowns |
| Strong | `0 8px 32px rgba(0, 0, 0, 0.1)` | Modals, popovers |
| Primary Glow | `0 4px 16px rgba(79, 70, 229, 0.25)` | Primary CTA emphasis |
| Accent Glow | `0 4px 16px rgba(16, 185, 129, 0.2)` | Accent CTA emphasis |
