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

# Design System: Corporate Modern — Colour Palette & Roles

## Primary

| Role | Hex | Usage |
|------|-----|-------|
| Primary | `#0891b2` | CTAs, active states, links, accent elements |
| Primary Light | `#22d3ee` | Hover highlights, badges, progress bars |
| Primary Dark | `#0e7490` | Active/pressed states |
| Primary Subtle | `#ecfeff` | Tinted backgrounds, selected row highlights |

## Neutral

| Role | Hex | Usage |
|------|-----|-------|
| Charcoal | `#1a1a2e` | Headings, primary text |
| Body | `#334155` | Paragraph text |
| Secondary | `#64748b` | Captions, helper text, placeholders |
| Tertiary | `#94a3b8` | Disabled text, deemphasised labels |
| Border | `#E2E8F0` | Dividers, input borders, card borders |
| Border Strong | `#CBD5E1` | Active borders, hover states |

## Surface

| Role | Hex | Usage |
|------|-----|-------|
| Background | `#FFFFFF` | Page background |
| Surface | `#F8FAFC` | Card backgrounds, sidebar, alternate rows |
| Surface Elevated | `#FFFFFF` | Floating elements (with shadow) |
| Overlay | `rgba(26, 26, 46, 0.4)` | Modal backdrops |

## Semantic

| Role | Hex | Background | Usage |
|------|-----|-----------|-------|
| Success | `#059669` | `#ecfdf5` | Confirmations, complete states |
| Warning | `#d97706` | `#fffbeb` | Caution, pending states |
| Error | `#dc2626` | `#fef2f2` | Errors, destructive actions |
| Info | `#0891b2` | `#ecfeff` | Informational, tips |
