OLED Black & The Sovereign Teal Spectrum
The design system is constructed from a pure OLED pitch black canvas (`#050505`) accented by the **Sovereign Teal Spectrum** (`#071C20` -> `#0B3F46` -> `#14808F` -> `#1B9AAA`).
Unlike standard dark modes that use washed-out greys, OLED pitch black deactivates individual pixels on modern OLED and mini-LED displays, dramatically reducing battery consumption and eliminating backlight bleed.
WCAG AAA Contrast Standards
Every semantic typography token is rigorously verified for contrast against the background:
| Token Name | Hex Code | Contrast Ratio | Semantic Role |
|---|---|---|---|
| --text-primary | #E8F0EE | 14.2 : 1 (AAA) | Primary headlines, titles, hero text |
| --text-body | #D1DFDB | 11.5 : 1 (AAA) | Main reading body text, paragraphs |
| --text-secondary | #B0C4BF | 8.1 : 1 (AAA) | Card subtitles, navigation links |
| --text-muted | #9CB3AE | 6.8 : 1 (AAA) | Micro-copy, timestamps, metadata |
| --accent-brand | #14808F | 5.0 : 1 (Core) | Primary buttons, badge backgrounds, active tabs |
| --accent-brand-hover | #1B9AAA | 5.0 : 1 (AA) | Interactive link text, hover borders, glow highlights |