:root {
    --primary-color: #ff6b6b;
    --primary-color-dark: #e66060;
    --primary-color-light: #ff7a7a;
    --secondary-color: #339af0;
    --secondary-color-dark: #2e8bd8;
    --secondary-color-light: #47a4f2;
    --accent-color: #ffd43b;
    --text-color: #495057;
    --background-color: #f8f9fa;
    --header-background: #ffffff;
    --footer-background: #343a40;
}

/* Stili generali */
body {
    color: var(--text-color);
    background-color: var(--background-color);
}

/* Header */
header {
    background-color: var(--header-background);
}

.navbar {
    background-color: var(--header-background);
}

/* Footer */
footer {
    background-color: var(--footer-background);
    color: #fff;
}

/* Bottoni */
.btn-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
}

.btn-secondary {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-secondary:hover {
    background-color: var(--secondary-color-dark);
    border-color: var(--secondary-color-dark);
}

/* Link */
a {
    color: var(--secondary-color);
}

a:hover {
    color: var(--secondary-color-dark);
}

/* Card e box */
.card {
    background-color: var(--header-background);
}

/* Elementi di evidenziazione */
.highlight {
    background-color: var(--accent-color);
}

/* Elementi di navigazione */
.nav-link {
    color: var(--text-color);
}

.nav-link:hover,
.nav-link.active {
    color: var(--primary-color);
}

/* Bottoni outline */
.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

.btn-outline-secondary {
    color: var(--secondary-color);
    border-color: var(--secondary-color);
}

.btn-outline-secondary:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: white;
}