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

# 2. Colour Palette & Roles

## Core

| Role | Hex | Usage |
|------|-----|-------|
| Background | `#FAF8F5` | Primary page background (paper tone) |
| Surface | `#FFFFFF` | Cards, overlays, input backgrounds |
| Surface Dark | `#F2EFE9` | Code blocks, pull quotes, alternate sections |
| Border | `#E8E4DF` | Dividers, section separators |
| Border Light | `#F0ECE6` | Subtle separators, nested dividers |

## Text

| Role | Hex | Usage |
|------|-----|-------|
| Heading | `#1a1a1a` | All headings |
| Body | `#2d2d2d` | Primary reading text |
| Secondary | `#666666` | Bylines, dates, captions, metadata |
| Tertiary | `#999999` | Footnotes, deemphasised text |
| Inverse | `#FAF8F5` | Text on dark backgrounds |

## Accent

| Role | Hex | Usage |
|------|-----|-------|
| Link | `#4a6fa5` | Inline links, navigation active state |
| Link Hover | `#364f75` | Hovered links |
| Link Visited | `#6b5b8a` | Visited links (optional) |
| Highlight | `#FFF3CD` | Text highlight, selected text background |

## Semantic

| Role | Hex | Usage |
|------|-----|-------|
| Success | `#2d6a4f` | Subscription confirmed, form success |
| Warning | `#b45309` | Content warnings |
| Error | `#c0392b` | Form errors, required fields |
| Info | `#4a6fa5` | Informational callouts |
