/* Design tokens — copied verbatim from the spec §8 (docs/superpowers/specs/2026-07-24-credenciamento-v2-paineis-design.md). Do not add colours or sizes here. */
:root {
  /* ---- Cor: marca preservada ---- */
  --icci-blue-900:    #034879;  /* 9,52:1 sobre branco */
  --icci-blue-700:    #194C85;  /* 8,70:1 — primária de ação */
  --icci-blue-500:    #0069A4;  /* 5,90:1 — links */

  --icci-accent:      #E67702;  /* preenchimento/borda/ícone — nunca sob texto */
  --icci-accent-ink:  #B65E02;  /* quando carrega texto branco · 4,57:1 */
  --icci-accent-weak: #FDF2E4;  /* fundo de destaque (tint derivado) */

  --icci-ink:         #1D1D1D;  /* texto principal · 16,86:1 */
  --icci-ink-soft:    #565555;  /* texto secundário · 7,43:1 — O MAIS CLARO PERMITIDO */
  --icci-line:        #CFCCCD;
  --icci-surface:     #FFFFFF;
  --icci-surface-2:   #F4F4F4;

  /* ---- Tipografia: uma família só na interface ---- */
  --icci-font-ui: Roboto, -apple-system, "Segoe UI", sans-serif;
  /* PT Serif SAI da interface. Continua válida em página de marketing, mas
     serifada em corpo pequeno prejudica exatamente quem precisa de ajuda. */

  --icci-text-xs:   13px;  /* rótulo de campo, metadado — nunca texto corrido */
  --icci-text-sm:   15px;
  --icci-text-base: 17px;  /* corpo. wp-admin usa 13px; essa é metade da queixa */
  --icci-text-lg:   20px;
  --icci-text-xl:   26px;
  --icci-text-2xl:  34px;

  --icci-leading-body:    1.6;
  --icci-leading-heading: 1.25;
  --icci-measure:         68ch;  /* largura máxima de texto corrido */

  /* Pesos: 400 corpo, 500 ênfase, 700 título. Nada abaixo de 400. */

  /* ---- Espaçamento: escala de 4 ---- */
  --icci-space-1: 4px;    --icci-space-2: 8px;   --icci-space-3: 12px;
  --icci-space-4: 16px;   --icci-space-5: 24px;  --icci-space-6: 32px;
  --icci-space-7: 48px;   --icci-space-8: 64px;

  /* ---- Alvos e foco: acomodação explícita a 55+ ---- */
  --icci-target-min:  44px;  /* área clicável mínima */
  --icci-control-h:   48px;  /* altura de botão e campo */
  --icci-focus-ring:  3px solid #0069A4;
  --icci-focus-offset: 2px;

  --icci-radius: 6px;
}