/*
 * (Copia de design-system/tokens/tokens.css sem os @font-face: no tema as fontes vem do theme.json.)
 * Design tokens da Editora Saude Vital como variaveis CSS (--sv-*).
 * Fonte: tokens.json. No WordPress, as cores e fontes vem do theme.json (que gera
 * --wp--preset--color--*); este arquivo cobre o que o theme.json nao tem preset
 * (sobrelinha, sombras, movimento, alturas) e serve de referencia fora do WordPress.
 */

:root {
  /* Cores (fonte: design-system/referencia/editora-saude-vital.html) */
  --sv-fundo: #f9f8f2;
  --sv-texto: #1d3129;
  --sv-superficie: #ffffff;
  --sv-primaria: #2a6450;
  --sv-primaria-texto: #fcfcf8;
  --sv-suave: #f1f1e8;
  --sv-texto-suave: #5e7068;   /* nao usar sobre salvia (4.25:1): use --sv-salvia-texto */
  --sv-destaque: #e5b04a;
  --sv-destaque-texto: #17271f;
  --sv-realce: #eeb758;
  --sv-borda: #d5e0d6;
  --sv-foco: #2a6450;
  --sv-floresta: #173a2e;
  --sv-floresta-texto: #fcfcf8;
  --sv-salvia: #ffe4b5; /* moccasin (2026-10-06; antes #dcebdf). Selo "Em andamento" segue verde: status-andamento-fundo */
  --sv-salvia-texto: #244a3c;
  --sv-tijolo: #b22222;   /* firebrick (2026-10-07): acento quente, com moderacao */
  --sv-castanho: #a52a2a; /* brown (2026-10-07): acento quente secundario */
  --sv-ao-vivo-texto: #b91c1c; /* vermelho para texto (dia da agenda): 5.24:1 sobre a salvia/moccasin (AA) */
  --sv-ao-vivo: #dc2626;  /* ponto "ao vivo" pulsando no banner de evento (red-600 do Tailwind, 2026-10-07) */
  --sv-rodape: #10291f;
  --sv-rodape-texto: #f8f9f3;
  --sv-rodape-suave: #b5c6bb;
  --sv-rodape-destaque: #eeb758;
  --sv-rodape-borda: #284539;
  --sv-erro: #c4320a;

  /* Status dos eventos (derivado; nao existe no HTML) */
  --sv-status-andamento-fundo: #dcebdf;
  --sv-status-andamento-texto: #244a3c;
  --sv-status-proximo-fundo: #fbebcb;
  --sv-status-proximo-texto: #5c3d00;
  --sv-status-realizado-fundo: #f1f1e8;
  --sv-status-realizado-texto: #5e7068;

  /* Tipografia */
  --sv-fonte-texto: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --sv-fonte-titulo: "Lora", ui-serif, Georgia, serif;
  --sv-sobrelinha-tamanho: 0.75rem;
  --sv-sobrelinha-espacamento: 0.2em;

  /* Forma (raios padrao do Tailwind usados no HTML) */
  --sv-raio-botao: 0.4rem;
  --sv-raio-card: 0.5rem;
  --sv-raio-icone: 0.375rem;
  --sv-sombra-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --sv-sombra: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --sv-sombra-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  /* Banner das paginas internas (componente 6, revisado): foto da Inicio sob veu floresta, mais baixo */
  --sv-banner-pagina-fundo: linear-gradient(90deg, color-mix(in srgb, var(--sv-floresta) 95%, transparent) 0%, color-mix(in srgb, var(--sv-floresta) 82%, transparent) 55%, color-mix(in srgb, var(--sv-floresta) 70%, transparent) 100%), url("../img/saude-vital-hero.jpg") center 40% / cover no-repeat, var(--sv-floresta);
  --sv-banner-pagina-padding: 3rem;
  --sv-banner-pagina-titulo: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
  /* Capa de livro (componente 19, acrescimo): sombra, lombada, raio e movimento */
  --sv-sombra-livro: 0 18px 30px -12px rgb(16 41 31 / 0.45), 0 4px 8px -4px rgb(16 41 31 / 0.25);
  --sv-sombra-livro-hover: 0 28px 40px -14px rgb(16 41 31 / 0.5), 0 6px 12px -6px rgb(16 41 31 / 0.3);
  --sv-lombada: linear-gradient(90deg, rgb(0 0 0 / 0.28) 0, rgb(255 255 255 / 0.18) 3%, rgb(0 0 0 / 0.08) 6%, transparent 10%);
  --sv-raio-livro: 0.125rem 0.375rem 0.375rem 0.125rem;
  --sv-livro-hover: translateY(-0.5rem) rotate(-1.5deg);
  --sv-transicao-livro: transform 250ms ease, box-shadow 250ms ease;

  /* Layout */
  --sv-container: 80rem;
  --sv-gutter: 1.25rem;
  --sv-secao: 2rem;
  --sv-cabecalho-altura: 5rem;
  --sv-banner-home-altura: 620px;

  /* Movimento */
  --sv-transicao-botao: all 0.2s;      /* botoes: hover por opacidade 0.9 */
  --sv-transicao-card: transform 150ms; /* cards: sobem 0.25rem no hover */
  --sv-letreiro-item: 12s;    /* letreiro de noticias: tempo por noticia (duracao = item x quantidade) */
  --sv-noticia-imagem-altura: 260px; /* imagem da noticia a esquerda do texto (2026-10-07) */
  --sv-pulso-duracao: 1s;    /* ponto "ao vivo": um pulso por segundo (animate-ping do Tailwind) */
  --sv-chamar-duracao: 1.6s; /* botao Inscreva-se do banner de evento: ciclo do fundo piscando */
  --sv-letreiro-altura: 3rem; /* letreiro de noticias: altura minima da faixa */
}

@media (min-width: 1024px) {
  :root {
    --sv-gutter: 2rem;
    --sv-secao: 2rem;
    --sv-banner-home-altura: 690px;
  }
}

::selection {
  background: var(--sv-realce);
  color: var(--sv-texto);
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}