:root {
    --primary-color: #007aff;
    --secondary-color: #0056b3;
}

body { font-family: 'Roboto', sans-serif; }

.btn-primary {
    background-color: var(--primary-color);
    color: #ffffff;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    display: inline-flex;
    align-items: center;
}
.btn-primary:hover { background-color: var(--secondary-color); }

.btn-outline-primary {
    background-color: #ffffff;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}
.btn-outline-primary:hover { background-color: #eff6ff; }