@tailwind base;
@tailwind components;
@tailwind utilities; 

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;900&display=swap"); 

:root {
  --font-family: "Roboto", sans-serif;
  --primary: #e6933e;
  --secondary: #15a361;
  --dark-gray: #003e2d; 
  --light-gray: #6b6e53; 
  --black: #000000;
  --white: #ffffff;
}

html,
body {
  height: 100%;
  scroll-behavior: smooth;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0px;
}

body {
  font-family: var(--font-family);
  background-color: var(--white);
  color: var(--dark-gray);
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family);
  margin: 0;
}

p a {
  color: var(--primary);
  text-decoration: none;
}
.text-primary-custom {
  color: var(--primary) !important;
}

.text-secondary-custom {
  color: var(--secondary);
}

.bg-primary-custom {
  background-color: var(--primary);
}

.bg-secondary-custom {
  background-color: var(--secondary);
}

.text-grey {
  color: var(--dark-gray);
}
.light-grey {
    color: var(--light-gray); 
}
.grecaptcha-badge {
  bottom: 80px !important;  
  z-index: 999 !important;  
}