HEXCODED — COLOUR
=================
Green is the only accent colour. There is no secondary brand colour.
Everything else is cool grey. Never warm grey, never violet, never a
second accent — that is the fastest way to make something look off-brand.


BRAND GREEN
-----------
#22C55E   Green 500    PRIMARY. The brand green. Logo echo, buttons, highlights.
#16A34A   Green 600    Deep. Gradient end + hover state. Primary button is a
                       135° gradient from #22C55E to #16A34A.
#86EFAC   Green 300    Light fill.
#DCFCE7   Green 50     Faintest wash / tint background.

Green also means success. We do not have a separate success colour.


INK — TEXT AND LINES (cool grey, never warm)
--------------------------------------------
#0B0B0F   Ink 1000     Headings, the wordmark on light backgrounds.
#3B3B42   Ink 700      Body text.
#86868B   Ink 500      Muted text, captions, timestamps.
#E5E5EA   Hairline     Borders, dividers, 1px rules.


SURFACES — LIGHT
----------------
#FAFAFA   Canvas       Page background. Also the wordmark colour on dark.
#FFFFFF   Surface      Cards, inputs, sheets.
#F5F5F7   Soft         Sunken / hover surfaces.


SURFACES — DARK
---------------
#0B0B0F   Canvas       Page background.
#1C1C22   Surface      Cards.
#15151B   Soft         Sunken.
#2C2C30   Hairline     Borders.

Green does not change between light and dark. It is #22C55E in both.


FOR VIDEO
---------
Safest high-contrast pairings on screen:
  green #22C55E on ink   #0B0B0F
  ink   #0B0B0F on canvas #FAFAFA
  white #FFFFFF on ink   #0B0B0F

Avoid green text on white at small sizes — it is a mid-tone and goes
muddy once a platform re-compresses the video. Green as a fill, a bar,
an underline or a mark reads far better than green as body copy.
