/* ConectaTrans — tokens de design (Bloco 5 §7.5)
   A paleta é derivada da bandeira trans, não uma reprodução dela: o roxo
   profundo faz a ponte cromática entre o azul e o rosa, que entram só como
   acentos. Tokens "-ink" são as versões seguras para texto. */

:root {
  /* cor */
  --brand-violet:#6A2C91; --brand-violet-deep:#45185F; --brand-violet-soft:#EFE7F6;
  --accent-sky:#5BCEFA; --accent-sky-ink:#0E6E93;
  --accent-rose:#F5A9B8; --accent-rose-ink:#B23A57;
  --bg:#FAF9FC; --surface:#FFFFFF; --ink:#1E1A24; --muted:#655E71; --line:#E6E1EE;
  --success:#1E7A55; --warning:#9A6B00; --danger:#B3261E;
  --gradient-ponte:linear-gradient(90deg,#5BCEFA,#F5A9B8);

  /* tipo */
  --font-display:"Bricolage Grotesque",system-ui,sans-serif;
  --font-body:"Atkinson Hyperlegible","Segoe UI",sans-serif;

  /* espaçamento e forma */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px;
  --space-6:24px; --space-8:32px; --space-12:48px; --space-16:64px;
  --radius-sm:8px; --radius-md:12px; --radius-lg:20px;
  --shadow-1:0 1px 2px rgba(30,26,36,.06);
  --shadow-2:0 6px 20px rgba(69,24,95,.08);
  --container:1120px;
}