/* style.css */
:root {
    --primary-color: #6c5ce7;
    --secondary-color: #0984e3;
    --accent-color: #f5f6fa;
}

body {
    background-color: var(--accent-color);
    color: #2d3436;
}

header, footer {
    background-color: var(--primary-color);
    color: white;
}

header {
    padding: 20px 0;
}

h1, h2 {
    color: var(--primary-color);
}

.navbar, .nav-link {
    background-color: white;
    color: var(--secondary-color);
}

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

footer {
    padding: 10px;
    text-align: center;
}

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

a:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

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

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