/* Base styles for HairHealth AI */
:root {
  --primary: #13c8ec;
  --background-light: #f6f8f8;
  --background-dark: #101f22;
  --secondary-text: #618389;
}

body {
  background-color: var(--background-light);
  font-family: 'Manrope', sans-serif;
  margin: 0;
  padding: 0;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Ensure the root element takes full height */
#root {
  min-height: 100vh;
}