/* NAO EDITE ESTE ARQUIVO.
   Copia literal de ~/.claude/skills/registrando-brand/tokens.css (Brand Guide . 2025).
   Overrides e tokens desta LP ficam em style.css, bloco 02.
   Nunca redeclare uma variavel --reg-* aqui nem em style.css. */
/* Curso Registrando — design tokens
   Fonte: Brand Guide . 2025 (BRANDBOOK REGIS.pdf, 14 páginas)
   HEX é a fonte de verdade; os RGB impressos no guia estão arredondados. */

:root {
  /* Paleta */
  --reg-azul-escuro: #001848;
  --reg-azul-claro: #5497E3;
  --reg-azul-bebe: #B0D4FF;
  --reg-branco: #F5FAFF;
  --reg-preto: #0B0C0C;

  /* Parada de gradiente (só aparece na página de backgrounds) */
  --reg-azul-medio: #002C75;

  /* Gradientes padrão */
  --reg-gradiente-azul: linear-gradient(180deg, #001848 0%, #002C75 100%);
  --reg-gradiente-azul-claro: linear-gradient(180deg, #5497E3 0%, #B0D4FF 100%);

  /* Ação — laranja herdado do CP Iuris, usado só no botão (página 13).
     Não é cor de marca do Registrando. */
  --reg-cta-inicio: #F7A41E;
  --reg-cta-fim: #FECD61;
  --reg-gradiente-cta: linear-gradient(90deg, #F7A41E 0%, #FECD61 100%);

  /* Cores gravadas no logotipo — fora da paleta, não substituir por tokens */
  --reg-logo-azul: #2D89C9;
  --reg-logo-lente: #2987C8;
  --reg-logo-sombra: #164D75;
  --reg-logo-traco: #070F15;
  --reg-logo-wordmark-escuro: #303031;

  /* Papéis semânticos */
  --reg-fundo: var(--reg-azul-escuro);
  --reg-fundo-claro: var(--reg-branco);
  --reg-texto-sobre-escuro: var(--reg-branco);
  --reg-texto-sobre-claro: var(--reg-azul-escuro);
  --reg-texto-secundario-sobre-escuro: var(--reg-azul-bebe); /* 11.20:1 */
  --reg-acento: var(--reg-azul-claro);                       /* preenchimento, nunca texto */
  --reg-texto-sobre-acento: var(--reg-azul-escuro);          /* branco sobre #5497E3 = 2.89:1, reprovado */
  --reg-texto-sobre-cta: var(--reg-azul-escuro);             /* branco sobre laranja é reprovado */

  /* Tipografia — Neue Haas Grotesk Text Pro é comercial (Linotype/Monotype)
     e NÃO está no Google Fonts, ao contrário do que diz a página 7 do guia.
     Inter é o substituto livre mais próximo e é o que renderiza sem licença. */
  --reg-fonte: "Neue Haas Grotesk Text Pro", "Inter", system-ui, sans-serif;
  --reg-peso-titulo: 700;     /* Bold */
  --reg-peso-subtitulo: 700;  /* Bold — o guia usa Bold também no subtítulo */
  --reg-peso-medio: 500;      /* Medium */
  --reg-peso-corpo: 400;      /* Roman */
  --reg-tracking: 0;          /* o guia especifica tracking 0 em todos os níveis */

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

  /* Forma */
  --reg-raio: 1.5rem;
  --reg-raio-pequeno: 0.75rem;
  --reg-raio-botao: 999px; /* pílula */
}

/* Botão CTA (página 13) — gradiente laranja, rótulo navy, sombra suave */
.reg-botao {
  display: inline-block;
  padding: 0.9em 2.4em;
  border: 0;
  border-radius: var(--reg-raio-botao);
  background: var(--reg-gradiente-cta);
  color: var(--reg-texto-sobre-cta);
  font-family: var(--reg-fonte);
  font-weight: var(--reg-peso-titulo);
  font-size: var(--reg-texto-subtitulo);
  line-height: 1;
  box-shadow: 0 6px 18px rgb(0 24 72 / 0.18);
  cursor: pointer;
}

/* Duotone de imagem — os três tratamentos da página 12.

   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. `multiply` foi descartado: esmaga as sombras em preto.

   Uso: <div class="reg-duotone reg-duotone--navy"><img src="..." alt="..."></div> */
.reg-duotone {
  position: relative; overflow: hidden;
  border-radius: var(--reg-raio);
  isolation: isolate; /* prende o blend ao container */
}
.reg-duotone > img { display: block; width: 100%; mix-blend-mode: luminosity; }

.reg-duotone--navy { background: var(--reg-azul-escuro); }
.reg-duotone--azul { background: var(--reg-azul-claro); }

/* tratamento claro: a página 12 mostra grayscale desbotado, sem tingimento */
.reg-duotone--cinza { background: var(--reg-branco); }
.reg-duotone--cinza > img {
  mix-blend-mode: normal;
  filter: grayscale(1) brightness(1.1);
  opacity: 0.55;
}