.design{background:var(--cor-papel);min-height:100vh}.design__cabecalho{z-index:10;padding:var(--esp-3) clamp(var(--esp-4), 4vw, var(--esp-12));justify-content:space-between;align-items:flex-end;gap:var(--esp-6);background:var(--cor-papel);border-bottom:var(--traco-forte) solid var(--cor-tinta);display:flex;position:sticky;top:0}.design__cabecalho>div{align-items:baseline;gap:var(--esp-4);display:flex}.design__sobretitulo,.design__indice{color:var(--cor-tinta-fraca);font-family:var(--fonte-util);font-size:var(--texto-xs);font-weight:var(--peso-forte);letter-spacing:.12em;margin:0}.design__indice{color:var(--cor-acao)}.design__nav,.design__linha,.design__seletor-tema{align-items:center;gap:var(--esp-2);flex-wrap:wrap;display:flex}.design__nav{font-family:var(--fonte-util);font-size:var(--texto-xs)}.design__conteudo{width:min(100%,96rem);padding:var(--esp-12) clamp(var(--esp-4), 4vw, var(--esp-12)) var(--esp-16);gap:var(--esp-16);margin:0 auto;display:grid}.design__secao{gap:var(--esp-6);scroll-margin-top:var(--esp-16);display:grid}.design__cabecalho-secao{gap:var(--esp-2);display:grid}.design__cabecalho-secao h1{font-family:var(--fonte-display);font-size:var(--texto-2xl);line-height:var(--linha-apertada);margin:0}.design__cabecalho-secao>p:last-child{max-width:76ch;color:var(--cor-tinta-media);margin:0}.design__cores{gap:var(--esp-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));display:grid}.design-cor{color:var(--cor-tinta-fraca);background:var(--cor-papel-alto);border:var(--traco-fio) solid var(--cor-fio);font-family:var(--fonte-util);font-size:var(--texto-xs);display:grid}.design-cor__amostra{height:var(--esp-12);border-bottom:var(--traco-fio) solid var(--cor-fio)}.design-cor>span:last-child{padding:var(--esp-2)}.design-cor--papel{background:var(--cor-papel)}.design-cor--tinta{background:var(--cor-tinta)}.design-cor--marca{background:var(--cor-marca)}.design-cor--acao{background:var(--cor-acao)}.design-cor--sucesso{background:var(--cor-sucesso)}.design-cor--atencao{background:var(--cor-atencao)}.design-cor--erro{background:var(--cor-erro)}.design-cor--info{background:var(--cor-info)}.design__tipografia,.design__temas,.design__campos{gap:var(--esp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.design__tipografia p{margin:0}.design__tipografia p:last-child{margin-top:var(--esp-2);color:var(--cor-tinta-fraca);font-size:var(--texto-sm)}.design__fonte-display{font-family:var(--fonte-display);font-size:var(--texto-xl);line-height:var(--linha-apertada)}.design__fonte-texto{font-family:var(--fonte-texto);font-size:var(--texto-lg)}.design__fonte-util{font-family:var(--fonte-util);font-size:var(--texto-lg)}.design__seletor-tema{padding:var(--esp-3);background:var(--cor-papel-fundo);border-left:var(--traco-forte) solid var(--cor-acao)}.design-tema{color:var(--cor-tinta);background:var(--cor-papel);border:var(--traco-forte) solid var(--cor-fio-forte)}.design-tema>header{padding:var(--esp-2) var(--esp-3);justify-content:space-between;align-items:center;gap:var(--esp-2);border-bottom:var(--traco-fio) solid var(--cor-fio);display:flex}.design-tema>header span,.design-tema__corpo>span{color:var(--cor-tinta-fraca);font-family:var(--fonte-util);font-size:var(--texto-xs)}.design-tema__corpo{padding:var(--esp-4);gap:var(--esp-3);background:var(--cor-papel-alto);display:grid}.design__componentes{gap:var(--esp-3);display:grid}.design__campos{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:56rem){.design__cabecalho,.design__cabecalho>div{flex-direction:column;align-items:flex-start}.design__tipografia,.design__temas,.design__campos{grid-template-columns:1fr}}