AFFILIATE.WIKI — BRAND COLOR REFERENCE
Last updated: April 2026

────────────────────────────────────────────
BRAND BLUE (primary)
────────────────────────────────────────────
--brand-25   #EEF4FF   Tint — hover surfaces, focus rails
--brand-50   #D8E5FB   Tint — badges, chips
--brand-100  #B2CAF6   Tint — pressed states
--brand-200  #87AAEE   Accent — illustrations, highlights
--brand-300  #5E8DE4   Accent — hover links
--brand-400  #3E74D6   Accent — secondary CTA
--brand-500  #2C5FBF   Primary brand — CTAs, headers  ★
--brand-600  #234CA1   Hover on primary CTAs
--brand-700  #1C3E84   Pressed on primary CTAs

────────────────────────────────────────────
INK & NEUTRALS
────────────────────────────────────────────
--logo-ink         #0C121E   Wordmark, footer surface
--logo-ink-muted   #353F4D   ".wiki" italic
--gray-900         #101828   Body text
--gray-700         #344054   Headings
--gray-500         #667085   Tertiary text
--gray-300         #D0D5DD   Borders (strong)
--gray-100         #F2F4F7   Borders (soft), dividers
--gray-50          #F9FAFB   Secondary surface
--background       #FFFFFF   Primary surface

────────────────────────────────────────────
FEEDBACK & ACCENT TINTS
────────────────────────────────────────────
--success-500  #12B76A   Confirmations, live states
--warning-500  #F79009   Callouts, toasts
--danger-500   #F04438   Destructive
--star-gold    #B45309   Rating stars, distribution bars

--tint-lilac  #E1EBFC   Eyebrow pills
--tint-blue   #E5EFFF   Launch calendar spans
--tint-mint   #CFF2D8   Live launch states
--tint-pink   #FFE9F4   Category tiles
--tint-cream  #FFE4E4   Category tiles
--tint-coral  #FFE9ED   Category tiles

────────────────────────────────────────────
USAGE
────────────────────────────────────────────
★ is the primary brand color. Use #2C5FBF for a single CTA per view, logo
accent, active-nav indicators, and focus outlines. Do not use for long runs
of body copy — use --gray-900 (#101828). The wordmark uses --logo-ink
(#0C121E) which is slightly deeper than body ink so the brand reads as
distinct, not as body text.
