:root {
    --bs-primary: #4c6fff;
    --bs-secondary: #6b7280;
    --bs-success: #22c55e;
    --bs-info: #38bdf8;
    --bs-warning: #f59e0b;
    --bs-danger: #ef4444;
    --bs-light: #f8fafc;
    --bs-dark: #111827;
    --bs-link-color: #4c6fff;
    --bs-link-hover-color: #3f5ef6;
    --bs-body-bg: #f6f7fb;
    --bs-body-color: #1f2937;
    --bs-border-color: #e5e7eb;
    --bs-border-color-translucent: rgba(15, 23, 42, 0.08);
    --bs-box-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08);
    --bs-box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    --bs-box-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12);
    --bs-border-radius: 0.6rem;
    --bs-border-radius-sm: 0.45rem;
    --bs-border-radius-lg: 0.8rem;
    --bs-btn-border-radius: 0.55rem;
    --bs-btn-border-radius-sm: 0.45rem;
    --bs-btn-border-radius-lg: 0.65rem;
}

.btn {
    box-shadow: var(--bs-box-shadow-sm);
}

.btn:focus,
.btn:active,
.btn.show {
    box-shadow: 0 0 0 0.2rem rgba(76, 111, 255, 0.25);
}

.card {
    border: 1px solid var(--bs-border-color);
}

.dropdown-menu {
    border: 1px solid var(--bs-border-color);
    box-shadow: var(--bs-box-shadow);
}

.form-control,
.form-select {
    border-color: var(--bs-border-color);
    box-shadow: none;
}

.form-control:focus,
.form-select:focus {
    border-color: rgba(76, 111, 255, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(76, 111, 255, 0.15);
}

.table {
    --bs-table-border-color: var(--bs-border-color);
}