/* ========================================================================== KAIVOR — Design System v3 (rebrand) Identidade: wordmark branco sobre azul elétrico. Display: Outfit · Texto: Inter · Acentos: JetBrains Mono Motion first: todo o sistema de animação vive aqui + em script.js NOTA: os nomes de variáveis abaixo são consumidos também por admin.css e pagamento.html — manter os tokens legados. ========================================================================== */ :root{ /* --- Marca --- */ /* Azul amostrado do próprio arquivo da logo (assets/logov3.png) */ --brand:#0234F8; --brand-deep:#0126BE; --brand-ink:#ffffff; /* --- Tokens legados (admin/pagamento) remapeados para a nova marca --- */ --navy:#050A24; --navy-soft:#0A1240; --blue-700:#0126BE; --blue-600:#0234F8; --blue-500:#2E56FF; --blue-400:#6C8BFF; --blue-300:#A9BCFF; --blue-100:#E9EDFF; --ice:#F2F4FC; --paper:#ffffff; --ink:#070B1C; --ink-soft:#5A6285; --line:#E2E7F7; --shadow:0 24px 70px -24px rgba(7,20,90,.32); --ease:cubic-bezier(.4,0,.2,1); /* --- Motion --- */ --ease-out:cubic-bezier(.16,1,.3,1); --ease-in-out:cubic-bezier(.76,0,.24,1); --ease-spring:cubic-bezier(.34,1.56,.64,1); /* --- Forma --- */ --r-sm:12px; --r-md:18px; --r-lg:28px; --r-xl:40px; --r-pill:999px; /* --- Tipografia --- */ --font-display:'Outfit','Space Grotesk',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --font-mono:'JetBrains Mono',ui-monospace,monospace; --nav-h:78px; } /* ---------- Base ---------- */ *{margin:0;padding:0;box-sizing:border-box;} html{scroll-behavior:smooth; background:var(--ice); overflow-x:hidden; width:100%; scroll-padding-top:110px;} body{ font-family:var(--font-body); color:var(--ink); background:transparent; overflow-x:hidden; width:100%; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; } body.is-locked{overflow:hidden;} h1,h2,h3,h4,.display{ font-family:var(--font-display); font-weight:600; letter-spacing:-0.03em; line-height:1.02; } .mono{font-family:var(--font-mono);} a{color:inherit; text-decoration:none;} ul{list-style:none;} img{max-width:100%; display:block;} button{font-family:inherit; cursor:pointer; border:none; background:none; color:inherit;} input,textarea,select{font-family:inherit;} ::selection{background:var(--brand); color:#fff;} :focus-visible{outline:2px solid var(--brand); outline-offset:3px; border-radius:4px;} .container{width:min(1240px, 90%); margin-inline:auto;} section{position:relative;} .sr-only{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;} /* ========================================================================== 1. SISTEMA DE ANIMAÇÃO (scroll reveal / split text / stroke draw) ========================================================================== */ /* Obs.: sem JavaScript o conteúdo é liberado pelo