WSI digital color tokens (reference)
====================================
Hex values align to website globals / Tailwind theme variables. Audited against
real codebase usage May 2026.

Primary structure (used everywhere)
- brand-blue:  #0085CA  (PMS Process Blue C)  — primary CTAs, links, highlights
- brand-navy:  #002F6C  (PMS 294 C)           — headings, structure, reversed text
- navy-dark:   #001449                         — header, footer, dark hero depth

Accents (narrow, role-specific — do not use as decoration)
- brand-teal:  #009B77  (PMS 3278 C)          — secondary accent, sustainability, "copied" confirmations
- cyan-accent: #00A0C6                         — inline highlight on dark surfaces, mobile menu active
- brand-green: #6CC24A  (PMS 360 C)           — SUCCESS STATES ONLY (form submission). Not a general accent.

Text
- text-primary:   #3F4444  (PMS 446 C)        — body copy on light
- text-secondary: #97999B  (PMS Cool Gray 7 C) — secondary labels

Surfaces
- border-light: #D0D3D4  (PMS 427 C)          — dividers, table lines, card outlines
- bg-light:     #F5F7FA                        — alternating section background
- bg-muted:     #F0F4F8                        — card backgrounds, subtle separation

Not in the system
- A "brand mint" #8FD6BD token previously existed in the CSS but is not
  referenced by any component or page on washingsystems.com. Removed from the
  guidelines May 2026; do not use in new work.

Accessibility
- Body text on white: text-primary (#3F4444) at 16px+ for WCAG AA.
- text-secondary (#97999B) on white passes AA only at large sizes; verify before
  using for body copy.

Print
- Export ASE from Adobe Swatches using Lab/CMYK conversions from your print
  vendor profile. Don't trust uncalibrated screen hex for press.
