/* ============================================================================
   AKKATT - Main CSS Entry Point
   Importa tutti gli stili nell'ordine corretto
   ============================================================================ */

/* 1. Design System Tokens - Definizione variabili CSS globali */
@import url('./tokens.css');

/* 2. Reset CSS - Normalizzazione cross-browser */
@import url('./reset.css');

/* 3. Layout CSS - Architettura full-viewport responsiva */
@import url('./layout.css');

/* 4. Utilities CSS - Classi di utilità */
@import url('./utilities.css');

/* ============================================================================
   STILI GLOBALI AGGIUNTIVI (Opzionali)
   ============================================================================ */

/* Body smooth scroll per browser compatibili */
html {
  scroll-behavior: smooth;
}

/* Animazioni di loading */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideInUp {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideInDown {
  from {
    transform: translateY(-10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

/* Utility animation classes */
.animate-spin {
  animation: spin 1s linear infinite;
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-fadeIn {
  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-slideInUp {
  animation: slideInUp 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.animate-slideInDown {
  animation: slideInDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}