/* PROTOCOLO DELECTUS: tokens visuais das etapas.
   Valores extraídos do painel aprovado (delectus-convite-theme.css) e do convite.
   Prefixo --dl- para não colidir com as variáveis do tema antigo (--bronze, --text, --line...).
   Para mudar a cara das etapas padronizadas, altere aqui; etapas.css só consome estes valores. */

:root {
  /* Cores: bronze fosco sobre preto quente */
  --dl-bronze-claro: #dcc3a0;
  --dl-bronze: #c9955a;
  --dl-bronze-escuro: #94683f;
  --dl-bronze-fosco: #8e6540;
  --dl-meta: #a77f50;

  /* Ouro: reservado para momentos de conquista e luz (esferas acesas da árvore, SELAR, final, CONTINUAR).
     A interface do dia a dia usa o bronze acima; não usar ouro em texto corrido ou botões comuns. */
  --dl-ouro-escuro: #c09a61;
  --dl-ouro: #d2ae72;
  --dl-ouro-vivo: #e6c27a;
  --dl-ouro-claro: #f1d9a6;

  /* Linhas */
  --dl-linha: rgba(94, 66, 44, .34);
  --dl-linha-suave: rgba(94, 66, 44, .2);

  /* Texto sobre fundo escuro */
  --dl-titulo: #f1e6d6;
  --dl-texto: #efe3d1;
  --dl-texto-leitura: #e6d9c6;
  --dl-texto-suave: #a78f77;
  --dl-texto-apagado: #8f7e6b; /* era #6f6255 (3,4:1); agora ~5:1 sobre o fundo, para textos pequenos legíveis */
  --dl-erro: #d98a6a;

  /* Papel de arquivo (registros abertos) */
  --dl-papel: #f3ebdd;
  --dl-papel-2: #ece2cf;
  --dl-papel-texto: #342820;
  --dl-papel-titulo: #62462f;
  --dl-papel-meta: #785333;
  --dl-papel-link: #694322;
  --dl-papel-borda: #b89a77;
  --dl-papel-linha: #cbb69c;

  /* Fontes: três famílias, cada uma com uma função */
  --dl-fonte-titulo: "Cormorant Garamond", Georgia, serif;
  --dl-fonte-meta: "IBM Plex Mono", ui-monospace, monospace;
  --dl-fonte-leitura: Inter, "Helvetica Neue", Arial, sans-serif;

  /* Leitura longa: 18-20px, linha 1,7-1,8, coluna de ~62 caracteres */
  --dl-leitura-tamanho: 18px;
  --dl-leitura-linha: 1.75;
  --dl-coluna: 38rem;
  --dl-gutter: 16px;

  /* Espaçamentos */
  --dl-esp-1: 6px;
  --dl-esp-2: 12px;
  --dl-esp-3: 18px;
  --dl-esp-4: 30px;
  --dl-esp-5: 46px;

  --dl-raio: 3px;
  --dl-transicao: .2s;
}

@media (min-width: 700px) {
  :root { --dl-leitura-tamanho: 19px; }
}