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

# Color Palette & Roles

## Primary Brand

| Token | Hex | Role |
|-------|-----|------|
| NVIDIA Green | `#76b900` | Signature — borders, link underlines, CTA outlines, active indicators. Never large surface fills. |
| True Black | `#000000` | Primary page background, text on light surfaces, dominant tone. |
| Pure White | `#ffffff` | Text on dark backgrounds, light section backgrounds, card surfaces. |

## Extended Brand

| Token | Hex | Role |
|-------|-----|------|
| NVIDIA Green Light | `#bff230` | Bright lime accent for highlights and hover states. |
| Orange 400 | `#df6500` | Warm accent for alerts, featured badges, energy-related contexts. |
| Yellow 300 | `#ef9100` | Secondary warm accent, product category highlights. |
| Yellow 050 | `#feeeb2` | Light warm surface for callout backgrounds. |

## Status & Semantic

| Token | Hex | Role |
|-------|-----|------|
| Red 500 | `#e52020` | Error states, destructive actions, critical alerts. |
| Red 800 | `#650b0b` | Deep red for severe warning backgrounds. |
| Green 500 | `#3f8500` | Success states, positive indicators (darker than brand green). |
| Blue 700 | `#0046a4` | Informational accents, link hover alternative. |

## Decorative

| Token | Hex | Role |
|-------|-----|------|
| Purple 800 | `#4d1368` | Deep purple for gradient ends, premium/AI contexts. |
| Purple 100 | `#f9d4ff` | Light purple surface tint. |
| Fuchsia 700 | `#8c1c55` | Rich accent for special promotions or featured content. |

## Neutral Scale

| Token | Hex | Role |
|-------|-----|------|
| Gray 300 | `#a7a7a7` | Muted text, disabled labels. |
| Gray 400 | `#898989` | Secondary text, metadata. |
| Gray 500 | `#757575` | Tertiary text, placeholders, footers. |
| Gray Border | `#5e5e5e` | Subtle borders, divider lines. |
| Near Black | `#1a1a1a` | Dark surfaces, card backgrounds on black pages. |

## Interactive States

| Token | Value | Role |
|-------|-------|------|
| Link Default (dark bg) | `#ffffff` | White links on dark backgrounds. |
| Link Default (light bg) | `#000000` | Black links with green underline on light backgrounds. |
| Link Hover | `#3860be` | Blue shift on hover across all link variants. |
| Button Hover | `#1eaedb` | Teal highlight for button hover states. |
| Button Active | `#007fff` | Bright blue for active/pressed button states. |
| Focus Ring | `2px solid #000000` | Black outline for keyboard focus. |

## Shadows & Depth

- **Card Shadow** (`rgba(0,0,0,0.3) 0px 0px 5px 0px`): Subtle ambient shadow for elevated cards.
