/* Tema do estúdio — CATHEDRAL TATTOO (camada por cima dos tokens --gt- e do v2.css).
   Desde 2026-10-09 (2.ª versão): as CORES voltam a ser as do visual novo original da Cathedral (commit 9ad0914),
   nos dois temas — fundos, superfícies, bordas, texto, dourados, barra lateral (castanha no escuro, PRETA no claro),
   cartões, cartão de destaque e botões (principal dourado liso, secundários com contorno dourado).
   Fica do pacote da marca: letra (Inter / Inter Display), escala tipográfica, espaços, cantos e tamanhos, etiquetas
   de estado (cores de estado --gt-), cor por tatuador (--gt-cat-) e ícones.
   Como funciona (para o SaaS, um ficheiro destes por estúdio): este ficheiro só redefine tokens — os papéis --gt-
   neutros (fundo, superfície, borda, texto, marca, ação, foco, link, campo) e os pontos de tema do estúdio
   declarados no v2.css (--v2-lateral-*, --v2-nav-*, --v2-destaque-*, --v2-botao-sec-*, --v2-seletor-*…).
   As cores próprias do estúdio ficam aqui, e só aqui. Contraste AA verificado em tests/css/contraste.test.js. */

/* ---------- Tema escuro ---------- */
:root.v2 {
  /* Papéis neutros e dourados → paleta original */
  --gt-fundo: #131313;
  --gt-superficie: #1E1E1E;
  --gt-superficie-2: #272727;
  --gt-borda: #363636;
  --gt-borda-forte: #363636;
  --gt-texto: #FAF8F4;
  --gt-texto-2: #BDB6AB;
  --gt-marca: #DDB55E;
  --gt-acao: #DDB55E;
  --gt-acao-hover: #E2BF6F;
  --gt-sobre-acao: #17110A;
  --gt-foco: #DDB55E;
  --gt-link: #DDB55E;
  --gt-campo: #272727;
  /* Botão principal: dourado liso (sem degradê nem relevo), como no original */
  --gt-grad-acao: #DDB55E;
  --gt-acao-relevo: 0 0 0 0 transparent;
  --gt-anel-foco: 0 0 0 3px rgba(221, 181, 94, .40);
  --gt-sombra-1: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .18);
  --gt-sombra-2: 0 6px 18px rgba(0, 0, 0, .35);
  --gt-sombra-3: 0 16px 48px rgba(0, 0, 0, .55);
  --gt-sobreposicao: rgba(0, 0, 0, .5);
  --v2-pagina: #0B0B0B;
  --v2-dourado-suave: rgba(221, 181, 94, .16);
  --v2-hover: rgba(250, 248, 244, .04);
  --v2-separadores-fundo: #161616;

  /* Cartão de número em destaque: fundo dourado */
  --cathedral-destaque-1: #E2BF6F;
  --cathedral-destaque-2: #CDA54E;
  --cathedral-destaque-3: #A9822F;
  --cathedral-sobre-destaque: #17110A;
  --v2-destaque-fundo: linear-gradient(135deg, var(--cathedral-destaque-1) 0%, var(--cathedral-destaque-2) 52%, var(--cathedral-destaque-3) 100%);
  --v2-destaque-borda: transparent;
  --v2-destaque-sombra: var(--v2-sombra);
  --v2-destaque-num: var(--cathedral-sobre-destaque);
  --v2-destaque-texto: var(--cathedral-sobre-destaque);
  --v2-destaque-alerta: var(--cathedral-sobre-destaque);
  --v2-destaque-icone-fundo: rgba(23, 17, 10, .12);
  --v2-destaque-icone: var(--cathedral-sobre-destaque);

  /* Barra lateral: degradê castanho quente; item ativo preenchido a dourado */
  --cathedral-lateral-topo: #2A231B;
  --cathedral-lateral-base: #1E1913;
  --v2-lateral-fundo: linear-gradient(180deg, var(--cathedral-lateral-topo) 0%, var(--cathedral-lateral-base) 100%);
  --v2-lateral-1: var(--cathedral-lateral-topo);
  --v2-lateral-2: var(--cathedral-lateral-base);
  --v2-lateral-linha: rgba(221, 181, 94, .22);
  --v2-lateral-texto: #F6F0E4;
  --v2-lateral-texto-2: #BFB29C;
  --v2-lateral-hover: rgba(246, 240, 228, .06);
  --v2-lateral-ativo-fundo: #DDB55E;
  --v2-lateral-ativo-texto: #17110A;
  --v2-nav-ativo-icone: #17110A;
  --v2-nav-ativo-traco: none;
  --v2-nav-ativo-contador-fundo: #17110A;
  --v2-nav-ativo-contador-texto: #DDB55E;
  --v2-nav-contador-fundo: #DDB55E;
  --v2-nav-contador-texto: #17110A;
  --v2-lateral-avatar-fundo: rgba(221, 181, 94, .14);
  --v2-lateral-avatar-texto: #E9C97E;

  /* Botões secundários: contorno e texto dourados */
  --v2-botao-sec-fundo: transparent;
  --v2-botao-sec-borda: var(--gt-acao);
  --v2-botao-sec-texto: var(--gt-link);
  --v2-botao-sec-hover: var(--v2-dourado-suave);

  /* Blocos das marcações: o fundo cinzento original, sem tinta; a cor do tatuador fica no traço à esquerda */
  --v2-marcacao-fundo: var(--v2-cartao-2);
  --v2-marcacao-tinta: 0%;
  --v2-marcacao-tinta-telemovel: 0%;

  /* Seletores e opções: item escolhido preenchido a dourado */
  --v2-seletor-ativo-fundo: var(--gt-acao);
  --v2-seletor-ativo-texto: var(--gt-sobre-acao);
  --v2-seletor-ativo-contorno: none;

  /* Gráficos (séries gerais) com as cores originais; a cor por tatuador continua --gt-cat-1…8 */
  --serie-1: #DDB55E;
  --serie-2: #7FA3E0;
  --serie-3: #86D3A1;
  --serie-4: #F29479;
  --serie-5: #B9A3F0;
  --serie-6: #E08FB5;
  --serie-outras: #6E6A64;
  --grafico-confirmadas: #DDB55E;
  --grafico-aguarda: rgba(221, 181, 94, .45);
}

/* ---------- Tema claro (branco e cinzento neutro; barra lateral PRETA, como no original) ---------- */
:root.v2[data-tema="claro"] {
  --gt-fundo: #FFFFFF;
  --gt-superficie: #FFFFFF;
  --gt-superficie-2: #F7F7F8;
  --gt-borda: #E6E6E9;
  --gt-borda-forte: #D9D9DE;
  --gt-texto: #141414;
  --gt-texto-2: #6B6B70;
  --gt-marca: #9A6F1E;
  --gt-acao: #9A6F1E;
  --gt-acao-hover: #86601A;
  --gt-sobre-acao: #FFFFFF;
  --gt-foco: #9A6F1E;
  /* Texto dourado sobre branco e cinzentos claros: um tom abaixo do dourado (≥ 4,5:1 também sobre o cinzento dos cartões). */
  --gt-link: #86601A;
  --gt-campo: #FFFFFF;
  --gt-grad-acao: #9A6F1E;
  --gt-anel-foco: 0 0 0 3px rgba(154, 111, 30, .40);
  --gt-sombra-1: 0 1px 2px rgba(20, 20, 30, .05), 0 6px 20px rgba(20, 20, 30, .05);
  --gt-sombra-2: 0 6px 16px rgba(20, 20, 30, .08);
  --gt-sombra-3: 0 16px 48px rgba(20, 20, 30, .18);
  --gt-sobreposicao: rgba(13, 13, 15, .40);
  --v2-pagina: #EEEFF1;
  --v2-dourado-suave: rgba(154, 111, 30, .10);
  --v2-hover: rgba(20, 20, 20, .03);
  --v2-separadores-fundo: #FFFFFF;
  --v2-link-ativo: #7D5814;

  /* Barra lateral preta; item ativo com fundo dourado translúcido e texto dourado claro */
  --cathedral-lateral-topo: #0B0B0B;
  --cathedral-lateral-base: #0B0B0B;
  --v2-lateral-linha: rgba(233, 201, 126, .14);
  --v2-lateral-texto: #EDE6D8;
  --v2-lateral-texto-2: #8F887C;
  --v2-lateral-hover: rgba(237, 230, 216, .07);
  --v2-lateral-ativo-fundo: linear-gradient(90deg, rgba(221, 181, 94, .26), rgba(221, 181, 94, .08));
  --v2-lateral-ativo-texto: #E9C97E;
  --v2-nav-ativo-icone: #E9C97E;
  --v2-nav-ativo-contador-fundo: #DDB55E;
  --v2-nav-ativo-contador-texto: #17110A;
  --v2-nav-contador-fundo: #DDB55E;
  --v2-nav-contador-texto: #17110A;

  --serie-1: #9A6F1E;
  --serie-2: #365CA3;
  --serie-3: #2A8150;
  --serie-4: #B0482A;
  --serie-5: #6A55C8;
  --serie-6: #B5487A;
  --serie-outras: #A0A0A6;
  --grafico-confirmadas: #9A6F1E;
  --grafico-aguarda: rgba(154, 111, 30, .35);
}