/* Voltisle Courier - Modern Design System */
:root {
    /* Aliases so legacy references resolve to the active theme's CSS variables.
       Theme variables (--primary, --secondary, --accent, --navbar-bg) are
       injected by partials/theme-styles.blade.php before this file loads. */
    --primary-color:  var(--primary,   #1a2a4a);
    --primary-dark:   var(--secondary, #c9a84c);
    --accent-color:   var(--accent,    #e8f0fe);
    --dark-bg:        var(--primary,   #1a2a4a);
    --light-accent:   var(--accent,    #e8f0fe);
    --success-color:  #06ffa5;
    --warning-color:  #ffd60a;
}

body {
    background-color: #f8f9fa;
}

.card {
    box-shadow: 0 0.5rem 1rem rgba(0, 180, 216, 0.15);
    border: none;
    margin-bottom: 1.5rem;
    border-radius: 10px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.75rem 1.5rem rgba(0, 180, 216, 0.25);
}

.card-header {
    font-weight: bold;
    border-radius: 10px 10px 0 0 !important;
}

.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s;
}

.btn-primary:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.btn-success {
    background: linear-gradient(135deg, #06ffa5 0%, #00b894 100%);
    border: none;
    color: #03045e;
    font-weight: 600;
    transition: transform 0.2s, box-shadow 0.2s;
}

.btn-success:hover {
    background: linear-gradient(135deg, #00b894 0%, #00a087 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(6, 255, 165, 0.4);
    color: #03045e;
}

.bg-primary {
    background-color: var(--primary-color) !important;
}

.navbar-dark.bg-primary {
    background-color: var(--navbar-bg, var(--primary-color)) !important;
}