/* ==========================================================================
   AURA COMMERCE - STILI CSS STANDALONE
   Piattaforma E-Commerce Prodotti Fisici & Licenze Virtuali
   ========================================================================== */

/* Importazione Font Google: Outfit (display), Plus Jakarta Sans (body), JetBrains Mono (codici) */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Outfit', 'Plus Jakarta Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --bg-primary: #fafaf9;
  --text-primary: #18181b;
  --border-color: #e4e4e7;
  --accent-amber: #d97706;
}

html.dark {
  --bg-primary: #09090b;
  --text-primary: #f4f4f5;
  --border-color: #27272a;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  background-color: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.5;
  transition: background-color 0.3s ease, color 0.3s ease;
  overflow-x: hidden;
}

/* Tipografia ottimizzata per preservare i caratteri discendenti come la 'g', 'p', 'y' */
.font-display {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
  line-height: 1.18;
  overflow: visible;
  padding-bottom: 4px;
}

.font-mono {
  font-family: var(--font-mono);
}

/* Transizioni dal basso verso l'alto con dissolvenza in entrata (fade-in-up) */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.stagger-1 { animation-delay: 0.05s; }
.stagger-2 { animation-delay: 0.15s; }
.stagger-3 { animation-delay: 0.25s; }
.stagger-4 { animation-delay: 0.35s; }

/* Stili di stampa puliti */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
  }
  .no-print {
    display: none !important;
  }
}