/* Favicon CSS for enhanced loading and fallbacks */
:root {
  --favicon-primary: #26A69A;
  --favicon-secondary: #D4AF37;
  --favicon-background: #1A1A1A;
}

/* Ensure favicon displays correctly in all browsers */
link[rel="icon"] {
  color: var(--favicon-primary);
}

/* Preload critical favicon resources */
link[rel="preload"][as="image"][href*="favicon"] {
  crossorigin: anonymous;
}

/* Dark mode favicon support */
@media (prefers-color-scheme: dark) {
  link[rel="icon"] {
    color: var(--favicon-primary);
  }
}

/* Light mode favicon support */
@media (prefers-color-scheme: light) {
  link[rel="icon"] {
    color: var(--favicon-secondary);
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  link[rel="icon"] {
    filter: contrast(1.5);
  }
}

/* Reduced motion support for animated favicons */
@media (prefers-reduced-motion: reduce) {
  link[rel="icon"] {
    animation: none;
  }
}