:root{
/* Base — amostrada por pixel das figuras do whitepaper */
--ink:#10131C;           /* titulos, numeros fortes, texto principal */
--slate:#3B4150;         /* dado neutro, bordas de topo de card */
--body:#4A5568;          /* corpo de texto */
--muted:#696D79;         /* texto secundario, rodapes, eyebrows */
--azul:#1A8FC7;          /* UNICO acento */
--azul-tint:#EAF2F9;     /* preenchimento suave */
--areia:#E5E1D7;         /* trilha de barras, numeracao fantasma */
--paper:#FFFFFF;         /* fundo */
--hairline:#E7E7E8;      /* bordas e filetes frios */
/* Cores de marca — uso restrito a identidade dos produtos */
--brand-cyan:#0FB5BA;    /* o "4" do wordmark; anel orbital */
--brand-azul:#1A4F8F;    /* anel Collabr */
--brand-dourado:#C8941F; /* anel — sempre presente */
--brand-roxo:#7B2CBF;    /* anel L4:Music */
/* Aliases semanticos */
--text-title:var(--ink);
--text-body:var(--body);
--text-muted:var(--muted);
--surface-page:var(--paper);
--surface-tint:var(--azul-tint);
--surface-warm:var(--areia);
--accent:var(--azul);
--border-hairline:var(--hairline);
--bar-track:var(--areia);
--bar-neutral:var(--slate);
--bar-accent:var(--azul);
}