:root {
    --dap-dark: #2D2D2E;
    --dap-yellow: #F1AE1E;
    --dap-orange: #E97C1D;
    --dap-red: #E24B1D;
    --dap-blue: #1658A1;
}

body {
    background: #f4f5f7;
}

.dap-header {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: .75rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
}

.dap-header img {
    height: 42px;
    width: auto;
}

.dap-header .dap-title {
    font-weight: 600;
    color: var(--dap-dark);
    font-size: 1.1rem;
    border-left: 1px solid #ddd;
    padding-left: 1rem;
    margin-left: .25rem;
}

.dap-accent-bar {
    height: 4px;
    background: linear-gradient(90deg, var(--dap-yellow), var(--dap-orange), var(--dap-red), var(--dap-blue));
}

.btn-primary {
    background-color: var(--dap-blue) !important;
    border-color: var(--dap-blue) !important;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #0f4278 !important;
    border-color: #0f4278 !important;
}

.btn-dark {
    background-color: var(--dap-dark) !important;
    border-color: var(--dap-dark) !important;
}

.bg-primary { background-color: var(--dap-blue) !important; }
.bg-dark { background-color: var(--dap-dark) !important; }
.text-primary { color: var(--dap-blue) !important; }

.table-dark {
    --bs-table-bg: var(--dap-dark);
    --bs-table-border-color: #3f3f40;
}

.card-header.bg-primary {
    background-color: var(--dap-blue) !important;
}

.btn-dap-accent {
    background-color: var(--dap-red) !important;
    border-color: var(--dap-red) !important;
    color: #fff !important;
}
.btn-dap-accent:hover, .btn-dap-accent:focus {
    background-color: #b5390f !important;
    border-color: #b5390f !important;
}
.btn-dap-accent:disabled {
    background-color: #e29a80 !important;
    border-color: #e29a80 !important;
}