/* File: css/style.css */
/* Purpose: Styling, responsive, changeable. */

:root {
    --primary-color: #007bff; /* Easy to change */
    --secondary-color: #6c757d;
    --font-family: 'Arial', sans-serif;
}

body {
    font-family: var(--font-family);
}

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

/* Media queries for responsive */
@media (max-width: 768px) {
    .container {
        padding: 10px;
    }
}