Foundations

Color .

A paleta BioActiv parte de um único protagonista — o verde elétrico #07E70B — e constrói ao redor dele uma escala de 11 passos e quatro superfícies neutras. Todo o restante do sistema deriva dessas primitivas via role tokens.

Escala de verde

Onze passos, do quase-branco ao quase-preto, ancorados no elétrico. O step 400 é o protagonista — o verde que aparece no logo e como acento em superfícies escuras. Do 600 para baixo, qualquer uso em texto precisa garantir contraste mínimo de 3:1 sobre fundos claros.

--green-50 #EFFEE9

--green-100 #D8FCCB

--green-200 #ADF89B

--green-300 #6FF25C

--green-400 #07E70B

--green-500 #06C60F

--green-600 #059412

textos/ícones grandes em fundo claro — mín. 3:1

--green-700 #087114

menor texto verde em fundo claro — 6,2:1

--green-800 #0A5714

--green-900 #0B4013

--green-950 #07290E

Neutros de superfície

Quatro superfícies nomeadas definem a espinha dorsal de theming do sistema. Paper e cream são os fundos de conteúdo; carbon e ink são as superfícies de declaração escura. Todos os quatro têm um leve toque de verde na composição.

--paper #F8FAF8

--cream #EFF4EF

--carbon #1C1C1C

--ink-950 #121312

Role tokens

Código de página consome exclusivamente role tokens — nunca primitivas. O sistema resolve o valor correto conforme a superfície ativa.

Token	Superfície clara	Superfície escura (carbon / ink)
`--text-accent`	`--green-700`	`--green-400`
`--text-link`	`--green-700`	`--green-300`
`--btn-primary-bg`	`--green-400`	idem
`--accent-dot`	`--green-500`	`--green-400`