/* V8 Grifes — base. Reaplica os overrides com especificidade acima do CSS dinâmico do Woodmart
   e aplica a tipografia/fundo. Valores vêm sempre dos tokens. */
html:root {
	--wd-primary-color: var(--v8-ink);
	--wd-alternative-color: var(--v8-promo);
	--wd-text-font: var(--v8-font-text);
	--wd-title-font: var(--v8-font-display);
	--wd-entities-title-font: var(--v8-font-text);
	--wd-header-el-font: var(--v8-font-text);
	--wd-brd-radius: var(--v8-radius);
	--wd-form-brd-radius: var(--v8-radius);
	--btn-default-bgcolor: var(--v8-ink);
	--btn-default-bgcolor-hover: #000;
	--btn-default-color: var(--v8-white);
	--btn-default-color-hover: var(--v8-white);
	--btn-accented-bgcolor: var(--v8-ink);
	--btn-accented-bgcolor-hover: #000;
	--btn-accented-color: var(--v8-white);
	--btn-accented-color-hover: var(--v8-white);
	--btn-default-brd-radius: var(--v8-radius);
	--btn-accented-brd-radius: var(--v8-radius);
	--btn-default-transform: uppercase;
	--btn-accented-transform: uppercase;
	--btn-default-font-weight: 700;
	--btn-accented-font-weight: 700;
	--btn-default-font-family: var(--v8-font-text);
	--btn-accented-font-family: var(--v8-font-text);
}
body, .website-wrapper, .main-page-wrapper { background: var(--v8-paper); }
body { font-family: var(--v8-font-text); color: var(--v8-ink); }
h1, h2, h3, .title, .wd-entities-title { font-family: var(--v8-font-text); }
h1, h2, .wd-el-title, .title-wrapper .title { font-family: var(--v8-font-display); text-transform: uppercase; }
.site-logo img, .wd-logo img { height: 44px !important; width: auto !important; max-height: none !important; }
@media (max-width: 1024px) { .site-logo img, .wd-logo img { height: 34px !important; } }
:focus-visible { outline: 2px solid var(--v8-ink); outline-offset: 2px; }