The tokens the whole system is built from. Colour, type and spacing here are the source of truth — change them and everything downstream follows.
Three jobsGreen acts, navy grounds, orange interrupts
Green rampPrimary identity colour, 50 → 900
Logo gradient coloursReserved for the ring and 4px rules — never for fills or text
Navy & bluesGround plus the supporting secondary blues
NeutralsMist page, white cards, one hairline colour for every border
StatusDeliberately outside the brand ramp so errors read as errors
Text coloursHeadings navy, body ink, leads slate-grey, meta grey
Green & contrastBrand green is light — this is where it may and may not carry text
Platform theme hooksThe only three tokens overridden to re-skin an event
Display & headings900 for display and H1, 700 for H2/H3, all navy
Body & lead15.5px / 1.55 ink for body; #4A5361 at 74ch for leads
Eyebrows & kickersCaps, 11.5px, 700 — .18em on navy, .14em in green
Roboto weights400 / 500 / 700 / 900 — the whole typographic system
Table & mono10.2px caps headers on #FBFCFD; system mono for values
Spacing scaleThe kit's real values — 14, 18, 22, 34, 46 are not snapped to 8
Radii9px controls, 12px media, 14px cards, 5px code, 4px dots
ElevationOne navy-tinted card shadow does almost all the work
Card anatomyWhite, 14px radius, 1px hairline AND the soft shadow — both
Logo on lightPrimary lockup on the sanctioned 14px white plate
Logo on navyReversed treatment — approximated, real file not supplied
Navy mastheadFlat navy with a 4px green bottom border — the signature band
The ring motifThe logo mark: a segmented arc, green → light green → olive → lime