Card padrão
Texto de demonstração para validar a paleta sobre superfície de card. As sombras usam --shadow-tint-light.
Educação veterinária premium: navy profundo #040023 + magenta/rosa #EC538E (CTA) + roxo #9526CA (decorativo), com Bebas Neue (display uppercase) e Manrope (corpo). Dark é a paleta default (home Pós-graduação); light vem da Imersão em Telemedicina. Tokens resolvidos em tempo real de styles/tokens.css + styles/theme.css — briefing completo em .claude/ds-briefing.md.
Regra de affordance: CTA é sempre rosa — o roxo é acento decorativo (marquee, badges, gradientes) e nunca aparece em botão. Design flat por borda: cards delimitados por borda 1px, sombra só em hover sutil.
Escala de 10 tons da marca, usada em backgrounds, accents, hovers e estados.
Cores derivadas para botões e interações.
Fundos de página, cards e containers. Use o toggle no canto superior direito para alternar tema.
Tipografia responsiva via clamp(). Use em headlines e seções hero.
Tokens de espaçamento (4px base). Use para padding, margin e gap.
Texto de demonstração para validar a paleta sobre superfície de card. As sombras usam --shadow-tint-light.
Variante com elevação maior — usar em destaques pontuais.