/* ============================================================================= TAKA DESIGN — camada de aplicação ----------------------------------------------------------------------------- Carregue DEPOIS de design-system/css/components.css e design-system.css. Aqui vive apenas o que o Design System não cobre: reset, container, skip link e as correções necessárias para rodar o DS numa página que rola de verdade. Nenhum token de cor, tipografia ou motion é redefinido — todos vêm do DS. ============================================================================= */ /* --- Correção de integração -------------------------------------------------- design-system.css declara `html, body { overflow: hidden }` porque a página do DS rola dentro de #main-scroll-container. Este site rola no documento, então o bloqueio precisa ser desfeito. O sangramento lateral dos decorativos é contido pela própria seção (.hero tem overflow: hidden), não pelo body. */ html, body { overflow: visible; } body { overflow-x: clip; } /* --- Reset enxuto ---------------------------------------------------------- */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } body, h1, h2, h3, p, figure, ul { margin: 0; } ul { padding: 0; list-style: none; } img, svg, canvas { display: block; max-width: 100%; } button { font: inherit; color: inherit; } body { min-height: 100vh; color: #fff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } /* selection:bg-indigo-500/30 — mesmo tratamento do do Design System */ ::selection { background: rgba(99, 102, 241, .3); } /* O foco visível já vem de design-system.css: :where(a, button, …):focus-visible { outline: 2px solid var(--ds-cyan) } */ /* .btn e .nav-pill do DS foram desenhados para