/* assets/css/style.css */
:root {
    --primary-color: #FFC107; /* Yellow */
    --secondary-color: #795548; /* Brown */
    --light-color: #FFFFFF;
    --dark-color: #212121;
}

body {
    background-color: var(--light-color);
    color: var(--dark-color);
}

.btn-primary {
    background-color: var(--primary-color);
    color: var(--dark-color);
    border: none;
    padding: 8px 16px;
}

.btn-secondary {
    background-color: var(--secondary-color);
    color: var(--light-color);
    border: none;
    padding: 8px 16px;
}

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

.sidebar {
    background-color: var(--secondary-color);
    color: var(--light-color);
}

.card {
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}