/* CSS Custom Properties for Font Sizes */
:root {
  --navbar-font-size: 18px;
  --body-font-size: 19px;
  --title-font-size: 20px;
}

/* Force font application to entire page */
* {
  font-family: 'Comfortaa', 'Noto Sans', 'Roboto', Arial, sans-serif !important;
}

body {
  font-family: 'Comfortaa', 'Noto Sans', 'Roboto', Arial, sans-serif !important;
  font-size: var(--body-font-size) !important;
}

/* Override Tailwind's specific font size classes for navbar */
header .text-lg {
  font-size: var(--navbar-font-size) !important;
}

header .text-sm {
  font-size: var(--navbar-font-size) !important;
}

/* Mobile menu font sizing - override Tailwind classes */
.mobile-menu .text-sm {
  font-size: var(--navbar-font-size) !important;
}

/* Override body content font sizes */
.text-base {
  font-size: var(--body-font-size) !important;
}

/* Ensure all text elements use the font */
h1, h3, h4, h5, h6, p, span, div, a, button {
  font-family: 'Comfortaa', 'Noto Sans', Arial, sans-serif !important;
}

h2 {
  font-family: 'Roboto', Arial, sans-serif!important;
  font-size:24px!important;
}
/* Mobile menu styles */
.mobile-menu {
  display: none;
}

.mobile-menu.active {
  display: block;
}

.page-title{
  font-family: 'Roboto' !important;
  font-size: 2rem !important;
  font-weight: 700 !important;
}