/* ==========================================================================
   VEDOVÊ FRESH — BASE COMPARTILHADA DE MARCA (cor + tipografia)
   Equivalente ao pessot-brand-shared.css, com diferenças deliberadas:

   1) AS CORES TAMBÉM EXISTEM EM RGB PURO (--vedove-verde-rgb etc.), pra
      permitir opacidade via rgba(var(--vedove-verde-rgb), 0.9) sem precisar
      escrever o valor hexadecimal de novo.

   2) TIPOGRAFIA REAL DA VEDOVÊ, em 3 níveis (a Pessot só tinha 2 — corpo e
      script; a Vedovê ganhou um terceiro por causa do Korolev):
        --vedove-fonte-corpo  → Inter (texto corrido, UI, formulário)
        --vedove-fonte-titulo → Korolev (títulos estruturais — 3 pesos:
                                 Light/Medium/Bold, escolhidos via font-weight)
        --vedove-fonte-script → MeowScript (só pra flourish/tagline, mesmo
                                 papel que o DraguScript tinha na Pessot)
      Ainda assim continua sendo "trocar aqui, uma vez só" se a tipografia
      mudar de novo — nada mais no projeto precisa ser tocado.

   COMO USAR:
   Conectado em TODAS as páginas desde o primeiro commit, com
   <link rel="stylesheet" href=".../vedove-brand-shared.css"> ANTES do
   <style> de cada página — nenhum CSS novo do projeto deve escrever cor
   ou fonte solta; sempre var(--vedove-...).

   CAMINHO DOS ARQUIVOS DE FONTE — ASSUMIDO, A CONFIRMAR:
   Apontei pra wp-content/uploads/fonts/, mesmo padrão da Pessot. No print
   que você mandou do File Manager não deu pra confirmar com certeza se os
   5 arquivos foram pra uploads/fonts/ ou direto em wp-content/ — se for
   direto em wp-content/, é só apagar o "uploads/fonts/" das 5 URLs abaixo.
   ========================================================================== */

@font-face {
	font-family: "Inter";
	src: url("https://vedove.com.br/wp-content/uploads/fonts/Inter_28pt-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Korolev";
	src: url("https://vedove.com.br/wp-content/uploads/fonts/Korolev-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Korolev";
	src: url("https://vedove.com.br/wp-content/uploads/fonts/Korolev-Medium.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Korolev";
	src: url("https://vedove.com.br/wp-content/uploads/fonts/Korolev-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "MeowScript";
	src: url("https://vedove.com.br/wp-content/uploads/fonts/MeowScript-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

:root {
	/* ---- Paleta oficial da Vedovê Fresh (extraída do arquivo de paleta) ---- */
	--vedove-verde:    #15301d;
	--vedove-oliva:    #afa736;
	--vedove-dourado:  #e8af54;
	--vedove-coral:    #e54626;
	--vedove-azul:     #96b7da;
	--vedove-cinza:    #efefef;

	/* ---- As mesmas seis, em RGB puro — para uso com rgba(var(--x-rgb), N) ---- */
	--vedove-verde-rgb:    21, 48, 29;
	--vedove-oliva-rgb:    175, 167, 54;
	--vedove-dourado-rgb:  232, 175, 84;
	--vedove-coral-rgb:    229, 70, 38;
	--vedove-azul-rgb:     150, 183, 218;
	--vedove-cinza-rgb:    239, 239, 239;

	/* ---- Papéis semânticos — o resto do projeto deve consumir ESTAS, não as
	       de cima diretamente. Se um dia a marca mudar qual cor é a
	       "primária", troca-se aqui, uma vez só, em vez de caçar cor por
	       cor em cada arquivo. (A Pessot não tinha essa camada — é a
	       melhoria que faltava pra centralização funcionar de verdade.)

	       HIPÓTESE A CONFIRMAR: verde escuro como cor primária/dominante,
	       por analogia ao papel do bordô na Pessot (cor do cabeçalho, dos
	       botões principais, dos títulos). Trocar aqui se a decisão final
	       for outra — nada mais no projeto vai precisar mudar por causa
	       disso. */
	--vedove-primaria:     var(--vedove-verde);
	--vedove-primaria-rgb: var(--vedove-verde-rgb);
	--vedove-destaque:     var(--vedove-coral);
	--vedove-secundaria:   var(--vedove-dourado);

	/* ---- Tipografia real da Vedovê — 3 níveis (ver explicação no topo
	       do arquivo). Korolev usa font-weight pra escolher o peso certo:
	       300 (Light), 500 (Medium) ou 700 (Bold) — não precisa de uma
	       variável por peso, o CSS resolve sozinho a partir do font-weight
	       aplicado em cada uso. ---- */
	--vedove-fonte-corpo:  'Inter', sans-serif;
	--vedove-fonte-titulo: 'Korolev', sans-serif;
	--vedove-fonte-script: 'MeowScript', cursive;
}