/* Accessibility Enhancements for Gogolo */

/* Improved color contrast for text on brand colors */
.tw-text-brand-blue-70 {
  color: rgba(16, 80, 66, 0.85); /* Increased from 0.7 for better contrast */
}

.tw-text-brand-blue-50 {
  color: rgba(16, 80, 66, 0.65); /* Increased from 0.5 for better contrast */
}

/* Improved contrast for badges */
.tw-badge-blue {
  background-color: #105042; /* brand-blue */
  color: white;
  /* Ensure text is readable with sufficient contrast */
  font-weight: 600;
}

.tw-badge-yellow {
  background-color: #107538; /* brand-yellow */
  color: #030040; /* ink-blue - high contrast combination */
  font-weight: 600;
}

/* Improved contrast for alerts */
.tw-alert-info {
  background-color: rgba(16, 80, 66, 0.15); /* Slightly increased opacity */
  border-left-color: #105042; /* brand-blue */
  color: #0a3028; /* Darker shade of brand-blue for better contrast */
}

.tw-alert-warning {
  background-color: rgba(16, 117, 56, 0.15); /* Slightly increased opacity */
  border-left-color: #107538; /* brand-yellow */
  color: #030040; /* ink-blue */
}

/* Improved focus styles for better keyboard navigation */
:focus {
  outline: 3px solid rgba(16, 80, 66, 0.5) !important; /* More visible focus outline */
  outline-offset: 2px !important;
}

/* Improved button focus states */
.tw-btn-primary:focus,
.tw-btn-secondary:focus,
.tw-btn-outline:focus,
.tw-btn-ghost:focus {
  outline: 3px solid rgba(16, 80, 66, 0.5) !important;
  outline-offset: 2px !important;
}

/* Improved link contrast */
.tw-link {
  color: #0a3028; /* Darker shade of brand-blue */
  text-decoration: underline; /* Always show underline for better visibility */
}

.tw-link:hover {
  color: #105042; /* brand-blue */
  text-decoration: underline;
}

/* Improved form label contrast */
.tw-form-label {
  color: #0a3028; /* Darker for better contrast */
  font-weight: 500; /* Medium weight for better visibility */
}

/* Improved placeholder text contrast */
::placeholder {
  color: rgba(16, 80, 66, 0.65) !important; /* Darker than default for better contrast */
}

/* Improved breadcrumb contrast */
.tw-breadcrumbs-link {
  color: #0a3028; /* Darker shade of brand-blue */
  text-decoration: underline; /* Always show underline for better visibility */
}

.tw-breadcrumbs-current {
  color: #4b5563; /* Darker gray for better contrast */
  font-weight: 500; /* Medium weight for better visibility */
}

/* Improved card title contrast */
.tw-card-title {
  color: #0a3028; /* Darker shade of brand-blue */
  font-weight: 600; /* Semibold for better visibility */
}

/* Improved table header contrast */
.tw-table thead th {
  color: #0a3028; /* Darker shade of brand-blue */
  font-weight: 600; /* Semibold for better visibility */
}

/* Improved pagination contrast */
.tw-pagination-link {
  color: #0a3028; /* Darker for better contrast */
}

/* Improved tab contrast */
.tw-tab {
  color: #4b5563; /* Darker gray for better contrast */
}

.tw-tab-active {
  color: #0a3028; /* Darker shade of brand-blue */
  font-weight: 500; /* Medium weight for better visibility */
}

/* Improved tooltip contrast */
.tw-tooltip-text {
  background-color: #030040; /* ink-blue for better contrast */
  color: white;
  font-weight: 500; /* Medium weight for better visibility */
}

/* Improved dropdown contrast */
.tw-dropdown-item {
  color: #0a3028; /* Darker for better contrast */
}

/* Improved button contrast for small text */
.tw-btn-sm {
  font-weight: 500; /* Medium weight for better visibility of small text */
}

/* Improved alert title contrast */
.tw-alert-title {
  font-weight: 600; /* Semibold for better visibility */
  font-size: 1.05rem; /* Slightly larger for better readability */
}

/* Skip to content link for keyboard users */
.skip-to-content {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip-to-content:focus {
  position: fixed;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  padding: 10px;
  background-color: white;
  z-index: 9999;
  color: #0a3028;
  font-weight: 600;
  outline: 3px solid #105042;
}

/* High contrast mode adjustments */
@media (forced-colors: active) {
  .tw-btn-primary,
  .tw-btn-secondary,
  .tw-btn-outline,
  .tw-btn-ghost {
    forced-color-adjust: none;
    border: 2px solid currentColor;
  }
  
  .tw-card {
    forced-color-adjust: none;
    border: 1px solid currentColor;
  }
}