:root {
    --fcs-primary: #1a5276;
    --fcs-secondary: #2ecc71;
    --fcs-dark: #0e2f44;
}

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

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

.btn-primary:hover {
    background-color: var(--fcs-dark);
    border-color: var(--fcs-dark);
}

.btn-success {
    background-color: var(--fcs-secondary);
    border-color: var(--fcs-secondary);
}

.card-header {
    background-color: #f0f4f8;
}

.preview-panel .card {
    min-height: 400px;
}

.table th {
    font-size: 0.85em;
}

body {
    background-color: #f8f9fa;
}

.login-card {
    max-width: 400px;
    margin: 100px auto;
}