/* ============================================================
BILHART'S — Design tokens globais
Cores, tipografia, forma e movimento da marca.
Carregue este arquivo ANTES de qualquer outro CSS:
============================================================ */
:root{
/* ---------- Superfícies ---------- */
--bg:#0A0908; /* fundo base (off-black) */
--bg-rgb:10,9,8; /* p/ rgba(var(--bg-rgb),.5) */
--bg2:#100E0C; /* cards e blocos elevados */
--bg3:#161311; /* hover / placeholder de mídia */
/* ---------- Texto ---------- */
--cream:#F4EFE9; /* títulos em destaque */
--cream-rgb:244,239,233; /* p/ rgba(var(--cream-rgb),.55) */
--txt:#EDE7E0; /* texto padrão */
--mut:#948D85; /* texto de apoio */
--dim:#6E6862; /* labels e legendas */
--faint:#5E5852; /* rodapé legal */
/* ---------- Acento (único) ---------- */
--tan:#C89A63;
--tan-rgb:200,154,99; /* para rgba(var(--tan-rgb),.10) */
/* ---------- Estados ----------
A paleta nasceu com um acento só, e por isso todo aviso do painel saía
tan — o erro tinha a mesma cor do "salvo com sucesso". Estes quatro
existem para os toasts e para qualquer sinal de estado; todos passam de
4,5:1 sobre o --bg, porque viram TEXTO e não só faixa colorida.
O par `-rgb` é para os fundos translúcidos, como no --tan-rgb. */
--ok:#6FCF8B;
--ok-rgb:111,207,139;
--erro:#E86A6A;
--erro-rgb:232,106,106;
--aviso:#E8B04B;
--aviso-rgb:232,176,75;
--info:#6FB6F2;
--info-rgb:111,182,242;
/* ---------- Linhas ---------- */
--line:rgba(244,239,233,.10);
--line2:rgba(244,239,233,.19);
/* ---------- Tipografia ---------- */
--font-sans:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--fw-extralight:200;
--fw-light:300; /* corpo de texto */
--fw-regular:400;
--fw-medium:500; /* títulos e botões */
--fw-semibold:600;
--fw-bold:700;
--fs-xl:clamp(38px,5.2vw,72px);
--fs-lg:clamp(28px,3.6vw,50px);
--fs-md:clamp(22px,2.2vw,32px);
--fs-body:clamp(14.5px,1.1vw,16px);
--fs-label:10.5px;
--track-tight:-.035em;
--track-wide:.24em;
/* ---------- Forma e ritmo ---------- */
--r:4px; /* raio único */
--pad:clamp(20px,4vw,40px); /* respiro lateral */
--wrap:1200px; /* largura de leitura */
--wrap-nav:1500px; /* barra de navegação */
--sec-y:clamp(78px,10vw,140px); /* respiro vertical */
/* ---------- Empilhamento ----------
Só os três que os Vídeos Story precisaram COORDENAR entre si, com nome
em vez de número solto. A ordem que importa é esta: o player de stories
abre por baixo da barra de contato, que continua visível e clicável por
cima dele — quem está assistindo pode chamar no WhatsApp sem fechar
nada.
O lightbox das fotos fica acima dos dois, como sempre esteve: ali a
barra não tem função e roubaria altura da foto.
O resto da escala do site (botão flutuante 90, drawer 99, nav 100,
barra de progresso 120, popup 200, "você já está em contato" 240) segue
onde está. Renomear os oito de uma vez seria mexer no que funciona. */
--z-stories:190; /* .pdst-player — a tela cheia dos stories */
--z-barra-contato:195; /* .pdbar — por cima do player, sempre à mão */
--z-lightbox:200; /* .pdlb — a foto ampliada, acima de tudo isso */
/* O toast é o único que precisa passar por cima de TUDO, inclusive do
painel (cujo teto é o 240 do "você já está em contato"). Nem o número
resolve sozinho contra um