/**
 * Identidade Visual — Mentoria Escala (Ecossistema Ativo Digital)
 * Tokens de design (paleta oficial jr-1 a jr-10 + semânticos)
 * Use este arquivo como fonte única de cores em CSS/design system.
 */

:root {
  /* —— Paleta oficial (nomes de referência) —— */
  --jr-1: #FFCD88;   /* Areia — calor, destaque */
  --jr-2: #0F2A36;   /* Azul petróleo — primária estrutural */
  --jr-3: #111111;   /* Quase preto — texto primário */
  --jr-4: #2E2E2E;   /* Cinza escuro — texto em contexto escuro */
  --jr-5: #F5F1E8;   /* Off-white — fundo claro principal */
  --jr-6: #C46A3A;   /* Terracota — CTA principal */
  --jr-7: #1F4E5F;   /* Azul médio — accent frio */
  --jr-8: #8A857C;   /* Cinza quente — texto secundário, muted */
  --jr-9: #D8D2C8;   /* Cinza claro — fundo alternativo */
  --jr-10: #C47200;  /* Âmbar — valor, badges, destaque quente */

  /* —— Semânticos (uso em interface) —— */
  --cor-primaria: var(--jr-2);
  --cor-cta: var(--jr-6);
  --cor-secundaria: var(--jr-1);
  --cor-accent-frio: var(--jr-7);
  --cor-accent-quente: var(--jr-10);

  --fundo-claro: var(--jr-5);
  --fundo-claro-alt: var(--jr-9);
  --fundo-destaque: var(--jr-1);

  --texto-primario: var(--jr-3);
  --texto-secundario: var(--jr-8);
  --texto-em-escuro: var(--jr-5);
  --texto-em-escuro-alt: var(--jr-4);

  /* Estilo de referência (apresentação, tela de login, fundos escuros) */
  --fundo-escuro-ref: #111111;   /* = jr-3 — fundo escuro, logo centralizada, tipo branca */
  --destaque-ambar: var(--jr-10); /* #C47200 — destaques em fundo escuro */
  --destaque-areia: var(--jr-1);  /* #FFCD88 — destaques em fundo escuro */

  /* —— Tipografia oficial —— */
  --font-titulo: 'Archivo Black', sans-serif;           /* Títulos BOLD */
  --font-corpo: 'Archivo Narrow', sans-serif;            /* Textos */
  --font-destaque: 'Playfair Display', Georgia, serif;  /* Destaques serifados */

  /* —— Espaçamento base —— */
  --espaco-base: 8px;
  --raio-padrao: 8px;
  --sombra-suave: 0 4px 12px rgba(15, 42, 54, 0.08);
  --sombra-destaque: 0 8px 24px rgba(15, 42, 54, 0.12);
}