/* ===================================
   IMPORTAÇÃO DE ESTILOS
   =================================== */

/* UTILITIES */
@import url('./utils/variables.css');
@import url('./utils/reset.css');

/* COMPONENTS */
@import url('./components/navbar.css');
@import url('./components/hero.css');
@import url('./components/cards.css');
@import url('./components/buttons.css');
@import url('./components/sections.css');
@import url('./components/testimonials.css');
@import url('./components/leads.css');
@import url('./components/footer.css');
@import url('./components/floating-cta.css');

/* ===================================
   BACKGROUND GRADIENT GLOBAL
   =================================== */

html {
  background: radial-gradient(circle at top right, rgba(123, 58, 237, 0.1) 0%, transparent 50%),
              radial-gradient(circle at bottom left, rgba(236, 72, 153, 0.05) 0%, transparent 50%);
  background-attachment: fixed;
}

body {
  background: linear-gradient(180deg, #0F0F1E 0%, #000000 50%, #0F0F1E 100%);
  min-height: 100vh;
  position: relative;
}

/* ===================================
   SMOOTH SCROLL
   =================================== */

html {
  scroll-behavior: smooth;
}

/* ===================================
   SELECTION COLOR
   =================================== */

::selection {
  background: var(--gradient-primary);
  color: white;
}

::-moz-selection {
  background: var(--gradient-primary);
  color: white;
}

/* ===================================
   SCROLLBAR CUSTOMIZADO
   =================================== */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: var(--color-bg-dark);
}

::-webkit-scrollbar-thumb {
  background: var(--gradient-primary);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--gradient-hover);
}

/* Firefox */
* {
  scrollbar-color: var(--gradient-primary) var(--color-bg-dark);
  scrollbar-width: thin;
}