@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --giumangi-blue: #006f94;
    --giumangi-dark: #524a4c;
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 199 100% 29%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 199 100% 29%;
    --radius: 0.5rem;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground;
    font-feature-settings: "rlig" 1, "calt" 1;
}
}

@font-face {
    font-family: 'Sacramento';
    src: url('/fonts/Sacramento/Sacramento-Regular.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'CerebriSans';
    src: url('/fonts/Cerebri-Sans-Bold/CerebriSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.font-title {
  font-family: 'CerebriSans', sans-serif;
  font-weight: 800;
}

.font-script {
  font-family: 'Sacramento', cursive;
}

.font-cerebri {
    font-family: 'CerebriSans', sans-serif;
    font-weight: 700;
}

.alert-hidden {
    @apply opacity-0 -translate-y-2 transition-all duration-500;
}

/* Stato visibile */
.alert-visible {
    @apply opacity-100 translate-y-0 transition-all duration-500;
}


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

.animate-slide-up {
    animation: slideUp .4s ease-out;
}

.highlight {
    padding: 5px;
    background-color: #ffe661;
}