/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&family=Oswald:wght@400;500;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');*/

/* @import "tailwindcss"; */

:root {
  /* Le tue personalizzazioni vanno qui */
  --font-display: "Satoshi", "sans-serif";
  
  /* --color-brand-primary: #ff5733; */
  --color-brand-primary: rgb(255, 215, 0);
  --color-brand-secondary: oklch(65% 0.2 250);

  --breakpoint-3xl: 1920px;
}

@layer base {
  body {
    font-family: 'Montserrat', sans-serif;
    /* background-color: #0f172a; */
    background-color: rgb(244, 244, 244);
;
    color: #f8fafc;
  }
}

@layer components {
  .font-display {
    font-family: 'Oswald', sans-serif;
  }
  
  .card-hover {
    @apply transition-all duration-300;
  }
  
  .card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
  }
}

.font-display { 
    font-family: 'Oswald', sans-serif; 
}

.text-shadow { 
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5); 
}

.article-content ::ng-deep h2 { 
    font-size: 1.5rem; 
    font-weight: 700; 
    margin-top: 1.5rem; 
    margin-bottom: 0.75rem; 
    color: #f97316; 
}

.article-content ::ng-deep ul { 
    list-style-type: disc; 
    padding-left: 1.5rem; 
    margin-bottom: 1rem; 
}

.article-content ::ng-deep li { 
    margin-bottom: 0.5rem; 
}

.font-display { 
    font-family: 'Oswald', sans-serif; 
}

/* url('https://images.unsplash.com/photo-1558981806-ec527fa84c39?w=1920'); */

.hero-bg {
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.6)), 
    url('/assets/images/hero/xena_svolte_di_popoli.jpeg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.text-shadow { 
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5); 
}

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

.animate-fade-in-up { 
    animation: fadeInUp 0.8s ease-out; 
}