/* Loja da Família — tokens. Único lugar de valores. Herda a paleta do site institucional. */
:root{
  /* Cor — institucional */
  --cor-azul:#041245;          /* fundo dominante, títulos, botão principal sobre claro */
  --cor-azul-hover:#13286E;    /* derivado: hover do botão azul (clareia) */
  --cor-azul-profundo:#020B2E; /* rodapé */
  --cor-azul-selecao:#F5F6FA;  /* derivado: fundo de opção escolhida (turma, pagamento) */
  --cor-dourado:#FCC423;       /* SÓ sobre azul: botão, filete, itálico do título */
  --cor-bordo:#920408;         /* acento ≤10%: eyebrow, erro, vagas, foco */
  --cor-bordo-fundo:rgba(146,4,8,0.08);
  --cor-sucesso:#1F6B3A;
  --cor-sucesso-fundo:#EAF2EC;
  --cor-sucesso-borda:#C9DECF;
  --cor-info-fundo:#E8EBF3;    /* selo "aguardando pagamento" */
  /* Neutros */
  --cor-branco:#FFFFFF;
  --cor-linho:#FAF9F6;
  --cor-tag:#F1EEE7;
  --cor-nevoa:#E8E5DE;
  --cor-ardosia:#5A6072;
  --cor-grafite:#22283A;
  /* Sobre azul */
  --inv-texto:#FFFFFF;
  --inv-suave:rgba(255,255,255,0.85);
  --inv-fraco:rgba(255,255,255,0.78);
  --inv-superficie:rgba(255,255,255,0.04);
  --inv-borda:rgba(255,255,255,0.16);

  /* Tipografia */
  --fonte-titulo:"garamond-premier-pro-display","garamond-premier-pro","EB Garamond",Georgia,serif;
  --fonte-corpo:"Fira Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --peso-regular:400; --peso-semibold:600;
  --t-eyebrow:11px;  /* caixa alta, tracking 0.16em */
  --t-apoio:13px;
  --t-corpo-sm:14px;
  --t-corpo:15px;    /* corpo da loja (site: 13px) — a loja é para ler na fila */
  --t-corpo-lg:16px; /* campos e botões — evita zoom do iOS */
  --t-destaque:17px;
  --t-h3:22px; --t-h2:clamp(24px,3vw,36px); --t-h1:clamp(30px,4vw,48px);
  --t-preco:clamp(22px,2.4vw,32px);
  --tracking-eyebrow:0.16em;
  --altura-titulo:1.15; --altura-corpo:1.5;

  /* Espaço (escala do site) */
  --e-1:8px; --e-2:16px; --e-3:24px; --e-4:40px; --e-5:64px;
  --container:1200px; --lateral-mobile:16px; --lateral:24px;

  /* Alvos */
  --alvo-min:44px; --alvo-botao:52px; --alvo-campo:48px;

  /* Raios */
  --raio-botao:4px; --raio-cartao:4px; --raio-campo:3px; --raio-etiqueta:2px; --raio-pilula:999px;

  /* Bordas */
  --borda:1px solid var(--cor-nevoa);
  --borda-escolhida:2px solid var(--cor-azul);
  --borda-erro:2px solid var(--cor-bordo);
  --filete-lateral:2px solid var(--cor-dourado);
  --filete-topo:3px solid var(--cor-dourado);

  /* Sombras — só barras fixas */
  --sombra-barra-fixa:0 -4px 12px rgba(4,18,69,0.12);

  /* Movimento */
  --transicao:0.15s ease;
  --foco:2px solid var(--cor-bordo);
}
@media (prefers-reduced-motion:reduce){:root{--transicao:0s}}
:focus-visible{outline:var(--foco);outline-offset:2px}