/* NAO EDITE ESTE ARQUIVO.
   Copia literal de ~/.claude/skills/cpiuris-brand/tokens.css (CP GUIDE . 2025).
   Overrides e tokens desta LP ficam em style.css, bloco 02.
   Nunca redeclare uma variavel --cp-* aqui nem em style.css. */
/* CP Iuris — design tokens
   Fonte: CP GUIDE . 2025 (brand guide oficial)
   HEX é a fonte de verdade; os RGB impressos no guia estão incorretos. */

:root {
  /* Paleta */
  --cp-azul: #1B1D39;
  --cp-laranja: #FEA611;
  --cp-branco: #F1F6FF;
  --cp-cinza: #757575;
  --cp-preto: #0B0C0C;

  /* Paradas de gradiente */
  --cp-azul-profundo: #04171D;
  --cp-amarelo: #FECD61;
  --cp-laranja-escuro: #F7A41E;

  /* Gradientes padrão */
  --cp-gradiente-azul: linear-gradient(180deg, #04171D 0%, #1B1D39 100%);
  --cp-gradiente-laranja: linear-gradient(180deg, #FECD61 0%, #F7A41E 100%);

  /* Papéis semânticos */
  --cp-fundo: var(--cp-azul);
  --cp-fundo-claro: var(--cp-branco);
  --cp-texto-sobre-escuro: var(--cp-branco);
  --cp-texto-sobre-claro: var(--cp-azul);
  --cp-texto-secundario: var(--cp-cinza);
  --cp-acento: var(--cp-laranja);
  --cp-texto-sobre-acento: var(--cp-azul); /* branco sobre laranja = 1.81:1, reprovado */

  /* Tipografia */
  --cp-fonte: "Montserrat", system-ui, sans-serif;
  --cp-peso-titulo: 700;        /* Bold */
  --cp-peso-display: 800;       /* ExtraBold */
  --cp-peso-subtitulo: 500;     /* Medium */
  --cp-peso-corpo: 400;         /* Regular */
  --cp-tracking-titulo: -0.025em;
  --cp-tracking-subtitulo: -0.025em;
  --cp-tracking-corpo: -0.01em;

  /* Escala fluida derivada da hierarquia 72 / 36 / 30 do guia */
  --cp-texto-titulo: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
  --cp-texto-subtitulo: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
  --cp-texto-corpo: clamp(1rem, 0.95rem + 0.3vw, 1.25rem);

  /* Forma */
  --cp-raio: 1.5rem;
  --cp-raio-pequeno: 0.75rem;
}

/* Duotone de imagem — os três tratamentos do guia.
   Uso: <div class="cp-duotone cp-duotone--navy"><img src="..." alt="..."></div>

   Técnica: cor de marca chapada no container + `mix-blend-mode: luminosity` na imagem.
   A imagem entrega só a luminância; matiz e saturação vêm da cor da marca — monotom
   correto em toda a faixa tonal. `multiply` foi descartado: esmaga as sombras em preto. */
.cp-duotone {
  position: relative; overflow: hidden;
  border-radius: var(--cp-raio);
  isolation: isolate; /* prende o blend ao container */
}
.cp-duotone > img { display: block; width: 100%; mix-blend-mode: luminosity; }

.cp-duotone--navy { background: var(--cp-azul); }
.cp-duotone--laranja { background: var(--cp-laranja); }

/* tratamento claro: imagem dessaturada sobre branco de marca, sem blend —
   luminosity sobre um fundo quase branco não tinge nada */
.cp-duotone--claro { background: var(--cp-branco); }
.cp-duotone--claro > img {
  mix-blend-mode: normal;
  filter: grayscale(1) brightness(1.1);
  opacity: 0.4;
}