/* ========================================================================== TYPOGRAPHY Fontes: Inconsolata (Display, H1, Body, Excerpt, Button) + Open Sans (Quote) ========================================================================== */ /* Fontes self-hosted (woff2, subset latin) — sem request externo ao Google. Inconsolata é variável (eixo wght 300–600); Open Sans só peso 400 (quotes). */ @font-face { font-family: 'Inconsolata'; font-style: normal; font-weight: 300 600; font-display: swap; src: url('../fonts/inconsolata-var-latin.woff2') format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/open-sans-latin-400.woff2') format('woff2'); } :root { --font-primary: 'Inconsolata', monospace; --font-quote: 'Open Sans', sans-serif; /* Tamanhos base em rem (1rem = font-size do , default 16px). O JS -Aa/+Aa ajusta o font-size do de 4 em 4px → escala tudo. */ --font-size-display: 5.5rem; /* 88px @16 */ --font-size-body: 2rem; /* 32px @16 */ --font-size-h1: 1.25rem; /* 20px @16 */ --font-size-excerpt: 1.25rem; /* 20px @16 */ --font-size-quote: 1.25rem; /* 20px @16 */ --font-size-button: 1.25rem; /* 20px @16 */ /* Line heights */ --line-height-display: 1.2; --line-height-body: 1.55; --line-height-excerpt: 1.2; --line-height-default: normal; } /* Display */ .type-display { font-family: var(--font-primary); font-weight: 300; font-size: var(--font-size-display); line-height: var(--line-height-display); } /* H1 */ h1, .type-h1 { font-family: var(--font-primary); font-weight: 600; font-size: var(--font-size-h1); line-height: var(--line-height-default); } /* Body */ body, .type-body { font-family: var(--font-primary); font-weight: 400; font-size: var(--font-size-body); line-height: var(--line-height-body); } /* Excerpt */ .type-excerpt { font-family: var(--font-primary); font-weight: 400; font-size: var(--font-size-excerpt); line-height: var(--line-height-excerpt); } /* Quote */ blockquote, .type-quote { font-family: var(--font-quote); font-weight: 400; font-size: var(--font-size-quote); line-height: var(--line-height-default); } /* Button */ button, .type-button { font-family: var(--font-primary); font-weight: 600; font-size: var(--font-size-button); line-height: var(--line-height-default); }