/* Color Definitions - Your Brand Colors */
:root {
  --color-dark-blue: #102A43;
  --color-orange: #F97316;
  --color-dark-gray: #374151; /* Tailwind gray-700 */
  --color-light-blue: #DBEAFE; /* Complement for backgrounds */
  --color-light-orange: #FED7AA; /* Light orange for hover states */
}

.font-orbitron { 
  font-family: 'Orbitron', sans-serif; 
}

.font-open-sans { 
  font-family: 'Open Sans', sans-serif; 
}

.font-great-vibes { 
  font-family: 'Great Vibes', cursive; 
}

/* Apply fonts to match your original design */
h1, h2, h3, .navbar-brand {
  font-family: 'Orbitron', sans-serif;
}

body {
  font-family: 'Open Sans', sans-serif;
}

[x-cloak] { 
  display: none !important; 
}

img#topLogo {
    width: 130px !important;
    height: auto !important;
    padding: 2px 0 !important;
}

.text-red-700 {
  min-width: 256px;
}

#freeIcon {
  /* width: 50px !important; */
  height: auto !important;
}