/* ============================================================
JATIR — Móveis Autorais
Tokens de Marca · Identidade Visual 2026
------------------------------------------------------------
Como usar:
1) Inclua este arquivo no do site:
2) As fontes já são importadas abaixo (Google Fonts).
Se preferir, use o em vez do @import — veja o bloco
comentado no fim deste arquivo.
3) Use as variáveis com var(--jatir-...) ou as classes
utilitárias (.jatir-wordmark, .jatir-sig, etc.).
============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Hanken+Grotesk:wght@300;400;500&family=Pinyon+Script&display=swap');
:root{
/* ---------- CORES · Base clara (pedra/linho) ---------- */
--jatir-linho: #D7CBB3; /* fundo principal */
--jatir-marfim: #ECE3CF; /* superfícies, cartões */
--jatir-aveia: #CDC0A3; /* blocos, estofado */
--jatir-greige: #B4A588; /* neutro médio, texturas */
/* ---------- CORES · Madeira & âncora ---------- */
--jatir-nogueira: #74502F; /* madeira / acento */
--jatir-nogueira-escura: #49331E; /* madeira profunda */
--jatir-grafite: #2B2722; /* âncora escura, fundos invertidos */
/* ---------- CORES · Acento ---------- */
--jatir-bronze: #A66E37; /* acento, filetes, links */
--jatir-bronze-claro: #C0894B; /* hover / gradiente */
/* ---------- CORES · Texto ---------- */
--jatir-espresso: #2B2014; /* texto principal */
--jatir-cocoa: #574631; /* texto secundário */
--jatir-muted: #897355; /* legendas, apoio */
/* ---------- Hairlines (linhas finas) ---------- */
--jatir-line: rgba(43, 32, 20, .24);
--jatir-line-soft: rgba(43, 32, 20, .12);
/* ---------- TIPOGRAFIA · Famílias ---------- */
--jatir-font-marca: "Jost", sans-serif; /* logotipo / wordmark */
--jatir-font-titulo: "Cormorant Garamond", Georgia, serif;/* títulos / display */
--jatir-font-texto: "Hanken Grotesk", system-ui, sans-serif; /* corpo de texto */
--jatir-font-assinatura: "Pinyon Script", cursive; /* assinatura D. Jatir */
/* Pesos utilizados:
Jost ............... 300, 400
Cormorant Garamond . 300, 400, 500 (+ itálico)
Hanken Grotesk ..... 300, 400, 500
Pinyon Script ...... 400 */
}
/* ============================================================
CLASSES UTILITÁRIAS
============================================================ */
/* Logotipo / wordmark — caixa-alta espaçada */
.jatir-wordmark{
font-family: var(--jatir-font-marca);
font-weight: 400;
letter-spacing: .38em;
text-transform: uppercase;
color: var(--jatir-espresso);
}
/* Compense o tracking à direita para centralizar opticamente */
.jatir-wordmark.is-centered{ text-indent: .38em; }
/* Assinatura de autoria (uso restrito — peças, verso de cartão) */
.jatir-sig{
font-family: var(--jatir-font-assinatura);
font-weight: 400;
color: var(--jatir-nogueira);
line-height: 1;
}
/* Títulos / display */
.jatir-title{
font-family: var(--jatir-font-titulo);
font-weight: 300;
line-height: 1.08;
color: var(--jatir-espresso);
}
/* Olho / kicker */
.jatir-eyebrow{
font-family: var(--jatir-font-texto);
font-weight: 500;
font-size: 11px;
letter-spacing: .34em;
text-transform: uppercase;
color: var(--jatir-bronze);
}
/* Corpo de texto padrão (defina no body do site) */
.jatir-body{
font-family: var(--jatir-font-texto);
font-weight: 300;
line-height: 1.7;
color: var(--jatir-cocoa);
}
/* ============================================================
PALETA — referência rápida (hex)
------------------------------------------------------------
Linho #D7CBB3 Nogueira #74502F
Marfim #ECE3CF Nogueira esc. #49331E
Aveia #CDC0A3 Grafite #2B2722
Greige #B4A588 Bronze #A66E37
Espresso (texto) #2B2014 Bronze claro #C0894B
Cocoa (texto 2) #574631 Muted (apoio) #897355
Proporção sugerida de uso:
64% base clara · 28% âncora & madeira · 8% acento bronze
============================================================ */
/* ============================================================
ALTERNATIVA: carregar fontes via em vez do @import.
Cole no e remova o @import do topo deste arquivo.
============================================================ */