/* Responsive Styles */

/* Tablets and larger (768px and up) */
@media screen and (min-width: 768px) {
  .container {
    padding: 0 var(--spacing-lg);
  }

  .hero h1 {
    font-size: 5rem;
  }

  .section-title {
    font-size: 3rem;
  }
}

/* Mobile (below 768px) */
@media screen and (max-width: 767px) {
  .container {
    padding: 0 var(--spacing-sm);
  }

  .desktop-nav {
    display: none;
  }

  .mobile-menu-btn {
    display: flex;
  }

  .hero h1 {
    font-size: 3rem;
  }

  .hero p {
    font-size: 1.2rem;
  }

  .hero-buttons {
    flex-direction: column;
    gap: var(--spacing-sm);
  }

  .about-content {
    flex-direction: column;
  }

  .about-image {
    margin-bottom: var(--spacing-lg);
  }

  .features {
    grid-template-columns: 1fr;
  }

  .tokenomics-content {
    grid-template-columns: 1fr;
  }

  .footer-content {
    flex-direction: column;
    gap: var(--spacing-lg);
    text-align: center;
  }

  .footer-logo {
    justify-content: center;
  }

  .footer-links ul {
    flex-direction: column;
    gap: var(--spacing-sm);
  }
}

/* Small Mobile (below 480px) */
@media screen and (max-width: 479px) {
  .hero h1 {
    font-size: 2.5rem;
  }

  .section-title {
    font-size: 2rem;
  }

  .social-links {
    flex-direction: column;
    align-items: center;
  }

  .social-link {
    width: 100%;
  }

  .address-box span {
    font-size: 0.75rem;
  }
}

/* Large Desktops (1200px and up) */
@media screen and (min-width: 1200px) {
  .container {
    padding: 0;
  }

  .hero h1 {
    font-size: 6rem;
  }

  .about-content {
    gap: var(--spacing-xxl);
  }

  .tokenomics-content {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xxl);
  }
}

/* Medium Screens (between 768px and 1024px) */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .features {
    grid-template-columns: repeat(2, 1fr);
  }

  .social-link {
    width: 160px;
  }
}

/* Landscape Mode */
@media screen and (max-height: 500px) and (orientation: landscape) {
  .hero {
    min-height: 120vh;
  }
}

/* Dark Mode Preference */
@media (prefers-color-scheme: dark) {
  :root {
    --color-text: #ffffff;
    --color-text-secondary: #cccccc;
  }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
  :root {
    --color-text: #ffffff;
    --color-text-secondary: #f0f0f0;
    --color-primary: #ff00ff;
    --color-secondary: #7f00ff;
  }

  .btn-primary {
    border: 2px solid white;
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001s !important;
    scroll-behavior: auto !important;
  }
}