body{background-color: var(--bg-dark-primary); color: #E5E7EB; font-family: 'Inter', sans-serif;}

html {
    scroll-behavior: smooth;
}
/* Definindo as cores  */
:root{
    --neon-blue: #00FFF0;
    --neon-verde: #00FF41;
    --neon-laranja: #ff8026;
    --bg-cinza-claro: #374151;
    --bg-cinza-medio: #1F2937;
    --bg-azul-escuro: #010B18;
    --text-cinza-claro: #D1D5DB;
    --text-orange: #FF4500;
    --bg-dark-primary: #0A1931;
    --bg-dark-secondary: #081428;
    --text-light: #c0cfff;
}
 
.section-padding {padding: 5rem 1rem; }

/* Textos coloridos */
.text-neon-verde{ color:var(--neon-verde)}
.text-neon-azul{ color: var(--neon-blue);}
.text-orange { color: var(--text-orange);}
.text-neon-laranja{color:var(--neon-laranja);}
.text-cinza-claro{ color: var(--text-cinza-claro);}
.text-light{ color: var(--text-light);}

/* Backgrounds das seções */
.bg-cinza-claro{ background-color: var(--bg-cinza-claro);}
.bg-cinza-medio{ background-color: var(--bg-cinza-medio);}
.bg-azul-escuro{ background-color: var(--bg-azul-escuro);}
.bg-dark-primary{ background-color: var(--bg-dark-primary);}
.bg-dark-secondary{ background-color: var(--bg-dark-secondary);}

/* hr das seções */
.hr{ width: 10rem; border: none; border-top: 3px solid #00FFF0; margin: 1em auto; /* centraliza horizontalmente */}

h1{ font-weight: 700; font-size: clamp(2.5rem, 6vw, 3rem);text-align: center;}
p{ max-width:80%; margin:0.5rem auto;font-size: clamp(1rem, 2.5vw, 1.05rem); line-height: 2.0;}

/* Apagar! Servem apenas para testar colunas */
.bg-test-1{background-color: blueviolet;}
.bg-test-2{background-color: #ff4500;}