:root{
  --bg:#0a0a0a;
  --panel:#101114;
  --panel-2:#15171a;
  --text:#ffffff;
  --muted:#9aa3ad;
  --brand:#ff6a00;
  --brand-2:#ff9a3d;
  --success:#21c07a;
  --danger:#ff4d4d;
  --warning:#ffa726;
  --info:#29b6f6;
  --radius:18px;
  --shadow:0 12px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:linear-gradient(180deg,#0a0a0a,#0b0b0b 40%,#0a0a0a);
  color:var(--text);
  font-family:'Montserrat',system-ui,-apple-system,sans-serif;
}

/* === FONTES === */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&family=Rubik:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap');

:root {
  --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--font-primary);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
}

/* === UTILITIES === */
.muted{color:var(--muted)}
.text-center{text-align:center}
.hidden{display:none!important}
.format-currency::before { content: 'R$ '; }
.format-percentage::after { content: '%'; }

/* === ANIMAÇÕES === */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes slideIn {
    from { opacity: 0; transform: translateX(-20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes messageSlideIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes typing {
    0%, 80%, 100% { transform: scale(0.8); opacity: 0.5; }
    40% { transform: scale(1); opacity: 1; }
}

/* === SCROLLBARS === */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}
::-webkit-scrollbar-thumb{background:var(--brand);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--brand-2)}

* {
  scrollbar-width: thin;
  scrollbar-color: var(--brand) rgba(255,255,255,.05);
}