/*
 * reset.css - CSS Reset + Base Styles
 * ====================================
 * PORQUÊ: Normaliza diferenças entre browsers e define o layout raiz da aplicação.
 * Escrito UMA vez, raramente modificado. Se você está editando este arquivo,
 * provavelmente está no lugar errado.
 */

* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

body {
 font-family: 'Open Sans', sans-serif;
 background: var(--bg-deep);
 color: var(--white);
 height: 100vh;
 display: flex;
 overflow: hidden;
 transition: background 0.3s ease, color 0.3s ease;
}

/* ── Scrollbar global ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #222; border-radius: 2px; }

/* ── Utility ── */
.hidden { display: none !important; }