:root {
    --brand-primary: #ff6e40;
    --brand-dark: #000000;
}

body {
    background-color: var(--brand-dark);
    color: #ffffff;
}

.navbar {
    background-color: var(--brand-dark) !important;
}

.card {
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

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

.btn-primary:hover {
    background-color: #ff5722;
    border-color: #ff5722;
}

.btn-secondary {
    background-color: var(--brand-dark);
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}

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

.form-control:focus {
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 0.25rem rgba(255, 110, 64, 0.25);
}

.toast {
    min-width: 300px;
}

.toast-container {
    z-index: 1050;
}

.card-header {
    background-color: rgba(255, 110, 64, 0.1);
    border-bottom: 1px solid rgba(255, 110, 64, 0.2);
}