/* =====================================================================
   SHOW GLASS — TOKENS DE MARCA  (design tokens · fonte única da verdade)
   ---------------------------------------------------------------------
   Cores, fontes, gradientes e métricas usados em TODO o site.
   Header, footer e componentes referenciam estas variáveis via var(--sg-*).
   Para mudar a identidade do site inteiro, edite AQUI (e espelhe os mesmos
   valores nos Globais do Elementor, que é a camada que o time edita visual-
   mente nos widgets). Os dois devem ter os MESMOS valores.
   ===================================================================== */
:root {
	/* ---- Superfícies escuras (navy → quase-preto) ---- */
	--sg-ink:      #0A1521; /* fundo do header/topbar — navy quase-preto */
	--sg-ink-2:    #0E1C2D; /* superfície do mega-menu */
	--sg-ink-3:    #14283F; /* hover de fundo / cards internos */
	--sg-ink-deep: #080C11; /* superfície mais profunda — fundo dos blocos/FOOTER escuros */
	--sg-navy:     #21395E; /* navy da marca (filetes, acento frio) */
	--sg-navy-glow:#1D2D46; /* navy do brilho radial dos blocos escuros (overlay) */

	/* ---- Superfícies claras (páginas) ---- */
	--sg-porcelana:#F5F4F1; /* superfície clara das páginas (porcelana) */
	--sg-tinta:    #0B0F14; /* tinta — texto/superfície quase-preta das páginas claras */

	/* ---- Texto ---- */
	--sg-ivory:    #F5F2EA; /* texto primário sobre escuro (marfim) */
	--sg-mute:     #9FAABA; /* texto de apoio / microlinks (header) */
	--sg-text:     #9AA1AD; /* texto padrão do footer */
	--sg-text-2:   #8A93A0; /* nomes de marcas (footer) */
	--sg-text-3:   #7E8794; /* legendas / tagline (footer) */
	--sg-text-4:   #6E7682; /* labels discretas (footer) */
	--sg-text-5:   #5F6772; /* copyright, menor (footer) */

	/* ---- Dourado (acento ÚNICO da marca) ---- */
	--sg-gold:     #C6A053; /* dourado base */
	--sg-gold-l:   #E7CE8C; /* dourado claro (brilho/topo do gradiente — header) */
	--sg-gold-soft:#E2C585; /* dourado champagne suave (números/destaques do footer) */
	--sg-gold-d:   #9C7A2E; /* dourado profundo (base do gradiente) */
	--sg-gold-ink: #3A2C0E; /* texto sobre dourado (contraste AA) */
	--sg-cart-num: #10294a; /* número (azul escuro) sobre o badge dourado do carrinho */

	/* ---- Filetes / divisórias ---- */
	--sg-hairline:  rgba(255, 255, 255, 0.08); /* divisórias sutis (footer) */
	--sg-gold-line: rgba(198, 160, 83, 0.20);  /* borda dourada sutil */

	/* ---- Gradientes ---- */
	--sg-grad-gold: linear-gradient(135deg, #E7CE8C 0%, #C6A053 50%, #9C7A2E 100%);
	--sg-grad-line: linear-gradient(90deg, transparent 0%, #21395E 12%, #C6A053 38%, #E7CE8C 50%, #C6A053 62%, #21395E 88%, transparent 100%);
	/* Brilho navy suave dos blocos escuros (padrão do site). Já com a opacidade
	   embutida (~0.5) — aplica-se via .sgc-ink por cima da cor de fundo do bloco. */
	--sg-grad-ink:  radial-gradient(ellipse at center, rgba(29, 45, 70, 0.50) 0%, rgba(29, 45, 70, 0) 70%);

	/* ---- Tipografia ---- */
	--sg-display: 'Cormorant Garamond', serif; /* títulos/legendas editoriais */
	--sg-ui:      'Inter', sans-serif;          /* interface / corpo */

	/* ---- Métricas do header ---- */
	--sg-h-base: 72px;  /* altura do header no topo */
	--sg-h-stik: 60px;  /* altura do header ao rolar */
	--sg-pad-x:  48px;  /* respiro lateral */
}