/* COMPOSISTÓRIA — cores, tipografia e elementos compartilhados. */
:root { color-scheme:light; --terracota:#b65d45; --papel:#f2eadb; --madeira:#ba8d60; --tinta:#352e28; --salvia:#89937b; --latao:#ba945b; --muted:#65594c; --line:rgba(90,69,42,.20); --serif:'DM Serif Display',Georgia,serif; --body:Manrope,system-ui,sans-serif; --type:'Courier Prime','Courier New',monospace; }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--papel);color:var(--tinta);font:400 15px/1.6 var(--body)}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}svg{display:block;width:22px;height:22px;flex-shrink:0}
.wrap{width:min(1180px,calc(100% - 100px));margin-inline:auto}h1,h2,h3,p{margin:0}h2{font:400 clamp(30px,3.7vw,48px)/1.03 var(--serif);letter-spacing:-.035em}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--terracota);outline-offset:5px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--terracota);outline-offset:2px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:10px 20px;border-radius:7px;border:1px solid var(--line);font-size:13px;transition:background .2s,box-shadow .2s}
.primary-button{background:var(--terracota);border-color:var(--terracota);color:#fffaf1}.primary-button:hover{background:#994833;box-shadow:0 5px 15px #7b492326}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:var(--papel);padding:12px}.skip-link:focus{top:8px}
[hidden]{display:none!important}#projeto,#envie-sua-melodia{scroll-margin-top:20px}.site-footer{background:var(--papel);padding:12px 0 18px}.footer-inner{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:14px;padding-top:12px;font-size:11px}.footer-inner p{color:var(--tinta)}.footer-inner a:hover{text-decoration:underline}.bass-clef{font-family:Georgia,serif;font-size:32px;line-height:1}

.footer-inner .brand-symbol{width:32px;height:30px}