/* CaseConnect Styles */

/* Custom Variables */
:root {
    --bs-primary: rgb(1, 63, 137);
    --bs-primary-rgb: 1, 63, 137;
    --primary-color: rgb(1, 63, 137);
    --secondary-color: #f8f9fc;
    --accent-color: #1cc88a;
    --dark-color: #5a5c69;
    --light-color: #f8f9fc;
}

/* General Styles */
body {
    font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    color: #333;
}

/* Header Styles */
header {
    background: linear-gradient(135deg, var(--secondary-color) 0%, #e2e8f0 100%);
}

/* Card Styles */
.card {
    border: none;
    border-radius: 0.5rem;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
}

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

.btn-primary:hover {
    background-color: rgb(1, 53, 117);
    border-color: rgb(1, 48, 107);
}

/* Buddy List Item Styles */
.buddy-item {
    border-left: 4px solid var(--primary-color);
    transition: all 0.2s ease;
}

.buddy-item:hover {
    background-color: var(--secondary-color);
}

.schedule-btn {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    color: white;
}

.schedule-btn:hover {
    background-color: #17a673;
    border-color: #169b6b;
    color: white;
}

/* Form Styles */
.form-control:focus, .form-select:focus {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.25rem rgba(1, 63, 137, 0.25);
}

/* Alert Styles */
.alert-success {
    background-color: var(--accent-color);
    border-color: #169b6b;
    color: white;
}

/* Footer Styles */
footer {
    background-color: var(--dark-color);
}