/* Identidade visual oficial VERTEX GROUP (aprovada pelo dono em 09/11/2026) — FONTE ÚNICA das cores de todo o ecossistema:
   Cérebro, painel v8, Área do Aluno, login do aluno, Estúdio e Teleprompter. Mudou uma cor? Muda só aqui.
   Proporção: 80% preto/grafite · 15% dourado · 5% branco suave. Dourado = destaque, nunca a tela inteira. */
:root {
  --vx-preto: #050505;          /* fundo principal */
  --vx-carvao: #0D0D0D;         /* menus e barras */
  --vx-grafite: #111111;        /* cards e seções */
  --vx-elevado: #1A1A1A;        /* inputs e superfícies elevadas */
  --vx-ouro: #C6A667;           /* dourado Vertex: cor institucional, botões principais */
  --vx-ouro-claro: #E0C58B;     /* destaques especiais, hover */
  --vx-ouro-profundo: #8C6A32;  /* bordas, linhas, detalhes */
  --vx-branco: #EAE7E0;         /* textos essenciais */
  /* derivados (só misturas das cores acima) */
  --vx-texto-2: color-mix(in srgb, var(--vx-branco) 72%, var(--vx-preto));
  --vx-texto-3: color-mix(in srgb, var(--vx-branco) 58%, var(--vx-preto)); /* 58%: contraste AA (>= 4,5:1) sobre os cards */
  --vx-linha: color-mix(in srgb, var(--vx-ouro-profundo) 34%, var(--vx-grafite));
  --vx-linha-forte: color-mix(in srgb, var(--vx-ouro) 45%, transparent);
  --vx-ouro-fundo: color-mix(in srgb, var(--vx-ouro) 14%, transparent);
  --vx-gradiente: linear-gradient(110deg, #6F4C1F 0%, #C6A667 30%, #F0D89E 49%, #A77B38 72%, #E0C58B 100%);
  /* cores FUNCIONAIS (só para estado do sistema, nunca decoração) */
  --vx-sucesso: #3DBE7A;
  --vx-erro: #E5484D;
  --vx-alerta: #D9A23B;
  /* gráficos: escala de dourados com contraste entre séries */
  --vx-serie-1: #E0C58B;
  --vx-serie-2: #C6A667;
  --vx-serie-3: #8C6A32;
  --vx-serie-4: #EAE7E0;
  --vx-serie-5: #5E4724;
}