@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@500;600&display=swap');
@media screen{
:root{--ink:#ececef;--ink-soft:#c9c9d1;--ink-fade:#8b8b95;--paper:#141417;--bg:#0b0b0d;--bg-soft:#1a1a1f;--bg-warm:#111114;--line:#26262c;--line-soft:#1f1f24;--accent:#c8a45a;--accent-soft:#201b10;--success:#4cc38a;--success-soft:#10261b;--danger:#f0716b;--danger-soft:#2a1514;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 2px rgba(0,0,0,.4),0 4px 12px -6px rgba(0,0,0,.5);--shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.6);--shadow-lg:0 18px 44px -18px rgba(0,0,0,.7);--ring:0 0 0 4px rgba(200,164,90,.18);color-scheme:dark}
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:radial-gradient(1200px 500px at 70% -10%,#1b1710 0%,transparent 60%) no-repeat fixed,#0b0b0d!important;color:var(--ink)}
.app-header{background:linear-gradient(180deg,#121215,#0b0b0d)!important;border-bottom:1px solid var(--line)}
input,select,textarea{background:#0e0e11!important;color:var(--ink)!important;border-color:#34343c!important}
.btn-primary{background:var(--accent)!important;color:#14110a!important;border-color:var(--accent)!important;font-weight:600}
.btn-primary:hover{background:#dcbc72!important}
.btn-secondary{background:#18181c!important;border-color:#34343c!important}
}

/* ===== Refinamento m2: espaçamentos, bordas e botões ===== */
@media screen{
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{line-height:1.55}
button,.btn,a.btn,input[type=button],input[type=submit],[class*="btn-"],[class*="botao"]{border-radius:10px!important;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease,color .18s ease!important;letter-spacing:.01em}
button:not(:disabled):hover,.btn:hover,[class*="btn-"]:hover{transform:translateY(-1px)}
button:not(:disabled):active,.btn:active,[class*="btn-"]:active{transform:translateY(0)}
button:disabled{opacity:.5;cursor:not-allowed}
[class*="primar"]:not(:disabled):hover,button[class*="gold"]:hover,.btn-primary:hover{box-shadow:0 6px 18px rgba(200,164,90,.22)!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),select,textarea{border-radius:10px!important;border:1px solid #2f2f37!important;transition:border-color .18s ease,box-shadow .18s ease!important}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover,select:hover,textarea:hover{border-color:#44444f!important}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:#c8a45a!important;box-shadow:0 0 0 3px rgba(200,164,90,.18)!important}
button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #c8a45a!important;outline-offset:2px!important}
textarea{line-height:1.5}
.card,[class*="card"],.panel,[class*="painel"],.box,.modal,[class*="modal"]>div{border-radius:14px!important;border-color:#2a2a31!important}
.card,[class*="card"]{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.card:hover,[class*="card"]:hover{border-color:#3b3b44!important}
table{border-collapse:separate;border-spacing:0}
::selection{background:rgba(200,164,90,.35)}
*{scrollbar-width:thin;scrollbar-color:#3a3a43 transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:#3a3a43;border-radius:10px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:#51515c;background-clip:padding-box;border:2px solid transparent}
::-webkit-scrollbar-track{background:transparent}
}
