/*
 * Portal Disbel — tokens.
 * Fonte: Disbel Design System · Brandbook 2026 (tokens/colors, typography, spacing, effects).
 * Paleta fechada em 5 cores + preto/branco. Neutros tingidos (paper/hair/ink) para superfícies digitais.
 * Tints (cor oficial clareada com branco) só como fundo de chip/caixa em interface de dados.
 */
:root {
  /* paleta oficial */
  --lilas: #9262b1; --rosa: #ca3596; --pink: #ff0079; --azul: #5484c9; --azul-claro: #00ade6;
  --preto: #0a0a0a; --branco: #ffffff;

  /* neutros de marca */
  --paper: #FBF6FA; --paper-2: #F6EEF4; --hair: #F0E4EE; --hair-2: #E4D3E2;
  --ink: #2A1830; --ink-2: #5A4760; --ink-soft: #6E5A72;

  /* variantes de texto AA (cor de marca como letra sobre claro) */
  --pink-txt: #C2005C; --rosa-txt: #A81F78; --lilas-txt: #6F4790; --azul-txt: #2E5FA8; --azulc-txt: #0077A0;

  /* tints para fundos de chip/caixa */
  --lilas-tint: #F3ECF8; --lilas-tint-2: #E2D3EC;
  --rosa-tint: #FAEAF4; --rosa-tint-2: #F0CBE3;
  --pink-tint: #FFE5F1; --pink-tint-2: #FFC7DF;
  --azul-tint: #EAF0F9; --azul-tint-2: #C9D8EF;

  /* gradientes oficiais — máx. 1 por tela */
  --grad-institucional: linear-gradient(135deg, #9262b1, #ca3596);
  --grad-energia: linear-gradient(135deg, #ca3596, #ff0079);
  --grad-respiro: linear-gradient(135deg, #5484c9, #00ade6);

  /* tipografia — Apparat primária; All Round Gothic só efeito; Lato substituta */
  --font-titulo: "apparat", "Lato", system-ui, sans-serif;
  --font-texto: "apparat", "Lato", system-ui, sans-serif;
  --font-efeito: "all-round-gothic", "apparat", "Lato", system-ui, sans-serif;
  --font-script: "Dancing Script", cursive;
  --track-eyebrow: .28em; --track-label: .12em;

  /* espaço base 4 · raios */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px; --s8: 32px; --s12: 48px; --s16: 64px;
  --r-s: 16px; --r-m: 24px; --r-l: 36px; --r-pill: 999px;

  /* sombras tingidas rosa/lilás */
  --sh-1: 0 1px 2px rgba(146, 98, 177, .06), 0 8px 24px -18px rgba(146, 98, 177, .35);
  --sh-2: 0 2px 10px rgba(202, 53, 150, .08), 0 20px 50px -28px rgba(146, 98, 177, .4);
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* casca */
  --bar-h: 56px;
}