/**
 * Accessibility Themes for AI Chat Application
 * High contrast and color blind friendly themes
 */

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
  :root {
    --color-primary: #0066cc;
    --color-primary-hover: #004499;
    --color-primary-dark: #003366;
    --color-text-primary: #000000;
    --color-background: #ffffff;
    --color-border: #000000;
    --gradient-primary: #0066cc;
    --gradient-primary-hover: #004499;
  }
  
  [data-theme="dark"] {
    --color-primary: #66b3ff;
    --color-primary-hover: #4da6ff;
    --color-text-primary: #ffffff;
    --color-background: #000000;
    --color-border: #ffffff;
    --gradient-primary: #66b3ff;
    --gradient-primary-hover: #4da6ff;
  }
}

/* Color Blind Friendly Theme */
.theme-colorblind-friendly {
  --color-primary: #0066cc;
  --color-primary-hover: #004499;
  --color-primary-dark: #003366;
  --color-creative: #cc6600;
  --color-technical: #0066cc;
  --color-casual: #006600;
  --color-error: #cc0000;
  --color-warning: #cc6600;
  --color-success: #006600;
  --gradient-primary: linear-gradient(135deg, #0066cc 0%, #004499 100%);
  --gradient-primary-hover: linear-gradient(135deg, #004499 0%, #003366 100%);
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  
  .gradient-primary,
  .gradient-primary-hover {
    background: var(--color-primary) !important;
  }
}

/* Focus Indicators for Accessibility */
.new-chat-fab:focus-visible,
.conversation-item:focus-visible,
.settings-btn:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

/* Enhanced contrast for text elements */
@media (prefers-contrast: high) {
  .conversation-preview,
  .conversation-time {
    color: var(--color-text-primary);
    font-weight: var(--font-weight-medium);
  }
}