Accent tokens — identical in light & dark
--primary
#DCF500 · P·80
CTA bg / marquee
--on-primary
#232700 · P·20
Text on primary
--primary-container
#353b00 · P·30
Deep CTA surface
--secondary
#7BE485 · S·80
Green card / btn
--on-secondary
#1E4822 · S·30
On green surfaces
--tertiary
#FFD899 · T·80
Amber card
--on-tertiary
#3B1F0C · T·20
On amber
--blue
#376FF7 · B·40
Illustrations
--blue-surface
#D5D6EC · B·90
Card media bg
Fixed surfaces — do not change with theme
Light theme — surface & text tokens
--surface
#F0EBE7 · N·95
Page bg
--surface-container
#F6EBE8 · NV·99
Cards / sections
--surface-high
#E8DCD9 · N·90
Elevated surface
--surface-highest
#DDD0CC · N·80
Hover / pressed
--on-surface
#3B3331 · N·30
Body text
--on-surface-var
#5c4f4b · N·50
Secondary text
--text-muted
#7a6b66 · N·60
Muted text
--outline
#4C3F3A · N·40
Borders
--outline-var
#C9B7B1 · N·80
Subtle borders
Dark theme — surface & text tokens
--surface
#0E0C0B · N·6
Page bg
--surface-low
#151110 · N·10
Container low
--surface-container
#1e1918 · N·12
Cards / chips
--surface-high
#221D1C · N·17
Elevated cards
--surface-highest
#302926 · N·22
Highest surface
--on-surface
#F0EBE7 · N·95
Primary text
--on-surface-var
#E8DCD9 · N·90
Body text
--text-muted
#C9B7B1 · N·80
Muted text
--outline
#4C3F3A · NV·40
Borders