/* CH Builder — Design Tokens As cores da marca (--chb-primary, --chb-secondary, --chb-accent) são injetadas inline no a partir das Configurações. */ :root { /* Tipografia: fonte de sistema — zero requests, zero FOUT (Core Web Vitals). Projetos com tipografia de marca sobrescrevem estas 3 variáveis (ex.: assets/css/chb-fonts-{projeto}.css) sem tocar no restante do CSS. */ --chb-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --chb-font-display: var(--chb-font); --chb-font-condensed: var(--chb-font); --chb-title-tracking: -0.02em; /* Fontes de sistema têm peso "bold" real (800 funciona bem). Fontes display de marca (ex.: Bebas Neue) costumam ser peso único — nesse caso o projeto sobrescreve para 400, senão o navegador "engorda" artificialmente as letras (bold sintético, letras borradas). */ --chb-title-weight: 800; /* Escala de tipos (fluida) */ --chb-text-sm: 0.875rem; --chb-text-base: 1rem; --chb-text-lg: 1.125rem; --chb-text-xl: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem); --chb-text-2xl: clamp(1.5rem, 1.2rem + 1.2vw, 2rem); --chb-text-3xl: clamp(1.9rem, 1.4rem + 2vw, 2.75rem); --chb-text-hero: clamp(2.2rem, 1.6rem + 3vw, 3.75rem); /* Neutros */ --chb-ink: #111827; --chb-ink-soft: #4B5563; --chb-ink-mute: #9CA3AF; --chb-paper: #FFFFFF; --chb-paper-alt: #F5F7FA; --chb-line: #E5E7EB; /* Espaçamento */ --chb-space-1: 0.5rem; --chb-space-2: 1rem; --chb-space-3: 1.5rem; --chb-space-4: 2.5rem; --chb-space-5: 4rem; --chb-section-y: clamp(3rem, 2rem + 4vw, 6rem); /* Forma */ --chb-radius: 10px; --chb-radius-lg: 16px; --chb-shadow: 0 1px 3px rgba(17, 24, 39, .07), 0 8px 24px rgba(17, 24, 39, .06); --chb-shell: 1200px; --chb-shell-narrow: 780px; }