/* No-script fallback styles */
/* Ensures the site remains functional and accessible without JavaScript */

/* Hide theme toggle when JS is disabled */
.theme-toggle {
  display: none;
}

/* Ensure all animated elements are visible */
.animate-target {
  opacity: 1 !important;
  transform: none !important;
}

/* Remove hover animations that might not work properly */
.expertise__card:hover {
  transform: none;
}

.expertise__card:hover .card__icon {
  transform: none;
}

.btn:hover {
  transform: none;
}

.social-link:hover {
  transform: none;
}

.scroll-indicator:hover {
  transform: none;
}

/* Disable scroll indicator animation */
.scroll-indicator {
  animation: none;
}

/* Ensure smooth scroll fallback */
html {
  scroll-behavior: smooth;
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  :root {
    --color-primary: #000000;
    --color-secondary: #000000;
    --color-text: #000000;
    --color-background: #ffffff;
    --color-surface: #f0f0f0;
    --color-border: #000000;
  }
  
  .btn {
    border-width: 2px;
  }
  
  .expertise__card {
    border-width: 2px;
  }
}

/* Focus indicators for better accessibility */
a:focus,
button:focus {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

/* Ensure readability without JavaScript enhancements */
body {
  line-height: 1.6;
}

p {
  max-width: 70ch;
  margin-left: auto;
  margin-right: auto;
}