Fundamentos — 04

Tokens

Referência completa de todas as CSS Custom Properties. Esta é a fonte da verdade — qualquer produto EuMilitar deve consumir esses tokens.

Cores — Neutros

--n-50#f5f0e8

--n-100#ede4cf

--n-200#e3d8bd

--n-300#c8bda5

--n-400#a89c8a

--n-500#7d7164

--n-600#5a5048

--n-700#433c34

--n-800#2e2720

--n-900#1a1612

Cores — Brand

--b-50#eaf2eb

--b-100#d3e8d6

--b-200#b3d3ba

--b-300#85b890

--b-400#5c9968

--b-500#3b7a47

--b-600#2d6338

--b-700#1f4d2a

--b-800#122318

--b-900#0a1a0e

Semânticas — Superfícies

--surface-base#ede4cf

--surface-brand#1f4d2a

--surface-dark#1a1612

--surface-raised#ffffff

Semânticas — Texto

--text-primary#1a1612

--text-secondary#5a5048

--text-placeholder#a89c8a

--text-brand#1f4d2a

--text-inverse#f5f0e8

Material Impresso

--ink#1a1612

--ink-soft#3a322a

--pencil#7d7164

--pencil-soft#a89c8a

--paper#ede4cf

--paper-deep#e3d8bd

--block#d4c8a8

--rule#c8bda5

Tipografia — Famílias

--font-display'Barlow Condensed', sans-serif

--font-body'Barlow', sans-serif

--font-mono'JetBrains Mono', monospace

Tipografia — Tamanhos

--text-xs11px

--text-sm13px

--text-base16px

--text-md18px

--text-lg22px

--text-xl28px

--text-2xl36px

--text-3xl48px

--text-4xl64px

--text-5xl80px

--text-6xl120px

Espaçamento

--sp-14px

--sp-28px

--sp-312px

--sp-416px

--sp-520px

--sp-624px

--sp-832px

--sp-1040px

--sp-1248px

--sp-1664px

--sp-2080px

--sp-2496px

Efeitos

--radius-sm2px

--radius-md4px

--radius-lg8px

--radius-full999px

--shadow-sm2px 2px 0 var(--ink)

--shadow-md4px 4px 0 var(--ink)

--shadow-lg6px 6px 0 var(--ink)

--shadow-brand4px 4px 0 var(--accent)