/* Exo_2 Font Family Declarations */
@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/static/Exo2-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/static/Exo2-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/static/Exo2-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Exo 2';
  src: url('../fonts/Exo_2/static/Exo2-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Custom primary and secondary color overrides */
:root {
  --primary: 159 143 0; /* #009F8D in RGB values */
  --primary-foreground: 255 255 255; /* White text */
  --secondary: 94 231 138; /* #5EE78A in RGB values */
  --secondary-foreground: 0 0 0; /* Black text for better contrast */
}

/* Direct overrides for primary button styling */
.bg-primary {
  background-color: #009F8D !important;
}

.bg-primary:hover,
.hover\:bg-primary\/90:hover {
  background-color: #007a6b !important; /* Slightly darker for hover */
}

.bg-secondary {
  background-color: #5EE78A !important;
}

.bg-secondary:hover,
.hover\:bg-secondary\/90:hover {
  background-color: #4DD67B !important; /* Slightly darker for hover */
}

.text-primary {
  color: #009F8D !important;
}

.text-secondary {
  color: #5EE78A !important;
}

.border-primary {
  border-color: #009F8D !important;
}

.border-secondary {
  border-color: #5EE78A !important;
}

.hover\:border-primary:hover {
  border-color: #009F8D !important;
}

.hover\:border-secondary:hover {
  border-color: #5EE78A !important;
}

.text-primary-foreground {
  color: #ffffff !important;
}

.text-secondary-foreground {
  color: #000000 !important;
}

/* Button base styles with new colors */
.btn-primary {
  background-color: #009F8D !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease;
}

.btn-primary:hover {
  background-color: #007a6b !important;
}

.btn-secondary {
  background-color: #5EE78A !important;
  color: #000000 !important;
  transition: background-color 0.2s ease;
}

.btn-secondary:hover {
  background-color: #4DD67B !important;
}

/* Global Exo 2 font application */
body,
html,
* {
  font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

/* Specific font weights for common elements */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Exo 2', sans-serif !important;
  font-weight: 600 !important;
}

.font-medium {
  font-weight: 500 !important;
}

.font-semibold {
  font-weight: 600 !important;
}

.font-bold {
  font-weight: 700 !important;
}

/* Additional font enforcement */
@media screen {
  body, html, div, span, p, a, button, input, textarea, select, 
  h1, h2, h3, h4, h5, h6, li, ul, ol, nav, header, footer, 
  section, article, aside, main, form, label, .text-lg, .text-xl, 
  .text-2xl, .text-3xl, .text-4xl, .text-5xl {
    font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Inter', sans-serif !important;
  }
}