@import 'hero.css';
@import 'video.css';
@import 'participar.css';
@import 'tabela.css';
@import 'penultima.css';

/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --bg-color: #060606;
  --primary-color: #26d367;
  --second-color: #0e2922;
  --gray-color: #303031;
  --hover-btn: #20b858;
}

body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-weight: 300;
  line-height: 1.6;
  color: #fff;
  background-color: #fff;
  font-feature-settings: "rlig" 1, "calt" 1;
  overflow-x: hidden; /* Evita a rolagem horizontal */
}

/* Scrollbar para navegadores baseados em WebKit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #26d367;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
}

::-webkit-scrollbar-thumb:hover {
    background: #26d367;
}

/* Scrollbar para Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #26d367 #f1f1f1;
}