Tokens
Axie tokens are CSS variables first, with TypeScript values exported for tooling and registry generation.
Colors
ink#263024
paper#F4F1E6
surface#FFFDF4
surfaceSoft#E8EAD6
muted#68705D
line#D7D2B9
accent#6F7F3F
accentSoft#E0E8C7
danger#A45447
dangerSoft#EFD8D0
warning#947236
warningSoft#ECDCB8
info#4D6972
infoSoft#DCE8E6
Radii
card10px
control12px
sheet30px
pill999px
CSS variables
The same values are available as CSS variables and Tailwind theme tokens.
code
:root { --axie-color-ink: #263024; --axie-color-paper: #f4f1e6; --axie-color-accent: #6f7f3f; --axie-radius-card: 10px;}/* Tailwind */className="bg-axie-paper text-axie-ink rounded-axie-card"