/* CP Iuris — tokens do Brand Guide 2025.
   Referência completa: skill global `cpiuris-brand`. */

:root {
  --fundo: linear-gradient(180deg, #04171D 0%, #1B1D39 100%);
  --texto: #F1F6FF;
  /* Meio-tom por opacidade do branco da marca, não por matiz inventado:
     "cores que não pertencem à marca" é uso proibido no guia. */
  --texto-suave: rgba(241, 246, 255, 0.78);
  --borda-suave: rgba(241, 246, 255, 0.22);
  --realce-suave: rgba(254, 166, 17, 0.16);

  --superficie: #F1F6FF;
  --superficie-borda: rgba(27, 29, 57, 0.16);
  --realce-superficie: rgba(27, 29, 57, 0.07);
  --texto-superficie: #1B1D39;
  --texto-superficie-suave: rgba(27, 29, 57, 0.74);

  /* Laranja reprova como texto sobre claro (1.81:1); serve de fundo com
     rótulo azul, que dá 8.33:1. */
  --acento: #FEA611;
  --acento-hover: #F7A41E; /* parada escura do gradiente do guia */
  --acento-texto: #1B1D39;
  --foco: #FEA611;
  --foco-superficie: #1B1D39;

  --borda-campo: #1B1D39;
  --raio-cartao: 1.5rem;
  --raio-campo: 0.875rem;
  --altura-logo: clamp(2.25rem, 1.8rem + 1.6vw, 3.25rem);

  /* Montserrat, sem fallback de sistema: "Inter/Roboto/system-ui no lugar de
     Montserrat" está na tabela de erros do guia. Trebuchet e Verdana têm
     métrica mais próxima que a fonte de interface do sistema. */
  --fonte-display: 'Montserrat', 'Trebuchet MS', Verdana, sans-serif;
  --fonte-corpo: var(--fonte-display);
  --peso-display: 800;    /* ExtraBold — títulos e destaque */
  --peso-titulo: 700;     /* Bold */
  --peso-subtitulo: 500;  /* Medium */
  --tracking-titulo: -0.025em;
  --tracking-subtitulo: -0.025em;
  --tracking-corpo: -0.01em;
}

/* Assinatura: o losango do logotipo vira o selo do veredito.
   Laranja sempre, com a marca do estado em azul — um losango que muda de cor
   conforme o resultado não é a assinatura do CP Iuris, é um badge girado.
   O estado continua legível no tom do cartão, no contorno e no texto. */
.resultado__selo {
  border-radius: 4px;
  transform: rotate(45deg);
  background: var(--acento);
  color: var(--acento-texto);
}

/* rotate() não reserva espaço: a diagonal de um quadrado de 2.5rem é 3.54rem,
   e sem a coluna de 3.25rem as pontas invadiriam o padding do cartão. */
.resultado__selo svg { transform: rotate(-45deg); }

/* O laranja aparece como fio de destaque no cartão oficial, não como texto. */
.resultado--oficial { box-shadow: inset 0 -3px 0 var(--acento); }