/* Background Colors */
.bg-primary {
    background-color: #6366F1;
}

.bg-secondary {
    background-color: #818CF8;
}

.bg-dark {
    background-color: #4338CA;
}

.bg-base {
    background-color: #F8FAFC;
}

.bg-surface {
    background-color: #F1F5F9;
}

/* Text Colors */
.text-primary {
    color: #6366F1;
}

.text-secondary {
    color: #818CF8;
}

.text-dark {
    color: #4338CA;
}

.text-base {
    color: #334155;
}

.text-white {
    color: #ffffff;
}

/* Border Colors */
.border-primary {
    border-color: #6366F1;
}

.border-secondary {
    border-color: #818CF8;
}

.border-base {
    border-color: #E2E8F0;
}

/* Border Styles */
.border {
    border: 1px solid;
}

.border-r {
    border-right: 1px solid;
}

.border-l {
    border-left: 1px solid;
}

.border-t {
    border-top: 1px solid;
}

.border-b {
    border-bottom: 1px solid;
}

/* Common Components */
.sidebar {
    background-color: #F1F5F9;
    border-right: 1px solid #E2E8F0;
}

.sidebar-item {
    color: #334155;
    padding: 0.75rem 1rem;
    cursor: pointer;
}

    .sidebar-item:hover {
        color: #6366F1;
    }

    .sidebar-item.active {
        background-color: #6366F1;
        color: white;
    }

.btn-primary {
    background-color: #6366F1;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    cursor: pointer;
}

    .btn-primary:hover {
        background-color: #818CF8;
    }