/* ATA Group Brand Colors */
:root {
  --ata-green: #1a7a5e;
  --ata-green-dark: #146750;
  --ata-green-light: #22906f;
  --ata-gold: #f8b500;
  --ata-gold-dark: #d99f00;
  --ata-gold-light: #ffc933;
}

/* Override default colors with brand colors */
.bg-ata-green {
  background-color: var(--ata-green);
}

.bg-ata-gold {
  background-color: var(--ata-gold);
}

.text-ata-green {
  color: var(--ata-green);
}

.text-ata-gold {
  color: var(--ata-gold);
}

.border-ata-green {
  border-color: var(--ata-green);
}

.hover\:bg-ata-green-dark:hover {
  background-color: var(--ata-green-dark);
}

.hover\:bg-ata-gold-dark:hover {
  background-color: var(--ata-gold-dark);
}

.hover\:border-ata-green:hover {
  border-color: var(--ata-green);
}

/* Button styles with brand colors */
.btn-primary {
  background-color: var(--ata-green);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: background-color 0.2s;
}

.btn-primary:hover {
  background-color: var(--ata-green-dark);
}

.btn-secondary {
  background-color: var(--ata-gold);
  color: #1f2937;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: background-color 0.2s;
}

.btn-secondary:hover {
  background-color: var(--ata-gold-dark);
}

/* Navigation active state */
.nav-link-active {
  border-bottom-color: var(--ata-green) !important;
  border-bottom-width: 2px;
  color: var(--ata-green) !important;
}

/* Badge styles with brand colors */
.badge-primary {
  background-color: var(--ata-green);
  color: white;
}

.badge-warning {
  background-color: var(--ata-gold);
  color: #1f2937;
}

/* Status badges */
.bg-blue-100 {
  background-color: #e0f2ed !important;
}

.text-blue-800 {
  color: var(--ata-green) !important;
}

.bg-green-100 {
  background-color: #e0f2ed !important;
}

.text-green-800 {
  color: var(--ata-green) !important;
}

.bg-green-600 {
  background-color: var(--ata-green) !important;
}

.hover\:bg-green-700:hover {
  background-color: var(--ata-green-dark) !important;
}

.bg-green-50 {
  background-color: #f0f9f6 !important;
}

.border-green-200 {
  border-color: #b8e6d5 !important;
}

.text-green-800 {
  color: var(--ata-green) !important;
}

/* Focus ring colors */
.focus\:ring-green-500:focus {
  --tw-ring-color: var(--ata-green) !important;
}

/* Links - removed global override to allow inline styles to work */

/* Responsive nav - desktop links hidden on mobile, hamburger hidden on desktop */
.nav-desktop { display: none !important; }
.nav-mobile-btn { display: flex !important; }

@media (min-width: 1024px) {
  .nav-desktop { display: flex !important; }
  .nav-mobile-btn { display: none !important; }
  .nav-mobile-menu { display: none !important; }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */