/* 
  Se a imagem de fundo fosse local e estivesse em 'assets/images/background.png', 
  o caminho aqui seria '../assets/images/background.png' 
  devido à nova localização deste arquivo CSS em 'css/style.css'.
*/
body {
  background-image: url(''); /* The user-provided image - URL externa permanece */
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-color: #0A031D; /* Fallback: Deep Indigo from Tailwind config */
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body::before {
  content: "";
  position: fixed; /* Fixed to cover viewport */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(10, 3, 29, 0.88); /* Dark overlay, same as lightbg but with alpha */
  z-index: -1; /* Place overlay behind content but above body's direct background image */
}

#main-content-container {
  position: relative;
  z-index: 1; /* Ensures this container and its children are above the ::before pseudo-element */
  width: 100%;
  overflow-x: hidden; /* Prevent horizontal scroll that might be caused by full-width elements or animations */
}

/* Custom scrollbar for a more thematic feel - Optional */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #0A031D; /* Dark track */
}

::-webkit-scrollbar-thumb {
  background: #F000B0; /* Primary color thumb */
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #0AF8FC; /* Secondary color on hover */
}

/* Style inputs to better fit the theme */
input[type="text"],
input[type="email"],
textarea {
  caret-color: #FDBF00; /* Accent color for cursor */
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
textarea::placeholder {
  color: #6b7280; /* Tailwind gray-500 */
  opacity: 0.8;
}

/* Basic focus style consistency if Tailwind's isn't enough */
input:focus, textarea:focus {
    outline: 2px solid transparent; /* Remove default */
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #FDBF00; /* Accent color for ring */
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    border-color: #FDBF00 !important; /* Ensure border color changes too */
}