/* Palette di colori */
:root {
	--primary: #1485cd;
	--secondary: #F8F9FA;
	--accent: #FFC107;
	--dark: #343A40;
	--light: #FFFFFF;
}
/* Body */
body {
	font-family: 'Roboto', sans-serif;
	background-color: var(--secondary);
	color: var(--dark);
	line-height: 1.6;
	margin: 0;
	padding: 0;
}
/* Navbar */
.navbar {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}
.navbar-dark .navbar-brand {
	font-weight: bold;
	font-size: 1.25rem;
}
.navbar-dark .nav-link {
	transition: color 0.3s ease;
}
.navbar-dark .nav-link:hover {
	color: var(--accent);
}
/* Hero Section */
.bg-primary {
	background-color: var(--primary) !important;
	color: var(--light) !important;
}
/* Card Design */
.border {
	border-color: var(--primary) !important;
}
.rounded {
	border-radius: 0.5rem !important;
}
/* Sezioni */
section {
	margin-top: 3rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
section.bg-light {
	background-color: var(--secondary) !important;
}
section.bg-dark {
	background-color: var(--dark) !important;
	color: var(--light) !important;
}
/* Bottoni e Hover */
button.accordion-button {
	color: var(--dark);
	font-weight: bold;
}
button.accordion-button:hover {
	color: var(--primary);
}
.accordion-button:not(.collapsed) {
    background-color: var(--secondary);
    color: var(--primary);
    border-color: var(--primary);
  }
/* Footer */
footer {
	background-color: var(--primary);
	color: var(--light);
}