/* DigitalHub Theme - Colori e Font Ufficiali */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&family=Jost:wght@300;400;500;600;700&display=swap');

:root {
  /* Colori Primari DigitalHub */
  --dh-orange: #FF7415;
  --dh-orange-hover: #E66812;
  --dh-orange-light: #FFA563;
  
  /* Colori Secondari */
  --dh-dark: #1c1c1c;
  --dh-blue-grey: #374952;
  --dh-grey-medium: #6B7280;
  --dh-grey-light: #F3F4F6;
  
  /* Colori Sistema */
  --dh-white: #FFFFFF;
  --dh-success: #16a34a;
  --dh-warning: #ca8a04;
  --dh-error: #dc2626;
  
  /* Font */
  --font-primary: 'Montserrat', sans-serif;
  --font-secondary: 'Jost', sans-serif;
}

body {
  font-family: var(--font-secondary);
  color: var(--dh-dark);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-primary);
  font-weight: 700;
}

/* Pulsanti Primari */
.btn-primary {
  background-color: var(--dh-orange);
  color: var(--dh-white);
  font-family: var(--font-primary);
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary:hover {
  background-color: var(--dh-orange-hover);
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255, 116, 21, 0.3);
}

/* Gradient Hero */
.gradient-hero {
  background: linear-gradient(306deg, var(--dh-dark) 20%, var(--dh-blue-grey) 65%);
}

/* Badge Arancione */
.badge-orange {
  background-color: var(--dh-orange);
  color: var(--dh-white);
}

/* Link con Hover Arancione */
.link-hover-orange:hover {
  color: var(--dh-orange);
}

/* Border Arancione */
.border-orange {
  border-color: var(--dh-orange);
}

/* Background Arancione */
.bg-orange {
  background-color: var(--dh-orange);
}

.bg-orange-light {
  background-color: var(--dh-orange-light);
}

/* Text Arancione */
.text-orange {
  color: var(--dh-orange);
}

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

.animate-fadeInUp {
  animation: fadeInUp 0.6s ease-out;
}

/* Card con Hover Effect */
.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Progress Bar Arancione */
.progress-bar-orange {
  background-color: var(--dh-orange);
}

/* Tabella Striped */
.table-striped tbody tr:nth-child(odd) {
  background-color: var(--dh-grey-light);
}

/* Logo */
.logo-digitalhub {
  max-height: 50px;
  width: auto;
}

/* Admin Gradient */
.gradient-admin {
  background: linear-gradient(135deg, var(--dh-blue-grey) 0%, var(--dh-dark) 100%);
}