:root {
    /* Override Colors */
    --primary-color: #1d2569; /* Example: Bright Red */
    --secondary-color: #33c1ff; /* Example: Sky Blue */
    --success-color: #00733d; /* Example: Green */
    --danger-color: #fd2a42; /* Example: Bright Red */
    --warning-color: #ecb20f; /* Example: Yellow */
    --info-color: #17a2b8; /* Example: Teal */
    --light-color: #f0f0f0; /* Example: Light Grey */
    --dark-color: #343a40; /* Example: Dark Grey */

    /* Buttons */
    --btn-primary-bg: var(--primary-color);
    --btn-secondary-bg: var(--secondary-color);
    --btn-success-bg: var(--success-color);
    --btn-danger-bg: var(--danger-color);
    --btn-warning-bg: var(--warning-color);
    --btn-info-bg: var(--info-color);
    --btn-light-bg: var(--light-color);
    --btn-dark-bg: var(--dark-color);

    /* Navbar */
    --navbar-bg: var(--dark-color);
    --navbar-link-color: #fff;
    --navbar-link-hover-color: #adb5bd;

    /* Alerts */
    --alert-success-bg: var(--success-color);
    --alert-danger-bg: var(--danger-color);
    --alert-warning-bg: var(--warning-color);
    --alert-info-bg: var(--info-color);

    /* Card */
    --card-bg: #fff;
    --card-border: var(--secondary-color);
    --card-header-bg: var(--light-color);
    --card-body-bg: var(--light-color);

    /* Text */
    --text-primary: var(--primary-color) !important;
    --text-secondary: var(--secondary-color);
    --text-muted: #6c757d;
    --text-light: #f8f9fa;
    --text-dark: #212529;
}

/* Override Bootstrap button colors */
.btn-primary {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-bg) !important;
}

.btn-secondary {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-bg) !important;
}

.btn-success {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-bg) !important;
}

.btn-danger {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-bg) !important;
}

.btn-warning {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-bg) !important;
}

.btn-info {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-bg) !important;
}

.btn-light {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-bg) !important;
}

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

/* Override Navbar */
.navbar {
    background-color: var(--navbar-bg) !important;
}

.navbar-nav .nav-link {
    color: var(--navbar-link-color) !important;
}

.navbar-nav .nav-link:hover {
    color: var(--navbar-link-hover-color) !important;
}

/* Override Alerts */
.alert-success {
    background-color: var(--alert-success-bg) !important;
    border-color: var(--alert-success-bg) !important;
}

.alert-danger {
    background-color: var(--alert-danger-bg) !important;
    border-color: var(--alert-danger-bg) !important;
}

.alert-warning {
    background-color: var(--alert-warning-bg) !important;
    border-color: var(--alert-warning-bg) !important;
}

.alert-info {
    background-color: var(--alert-info-bg) !important;
    border-color: var(--alert-info-bg) !important;
}

/* Override Card */
.card {
    background-color: var(--card-bg) !important;
    border: 1px solid var(--card-border) !important;
}

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

.card-body {
    background-color: var(--card-body-bg) !important;
}

/* Override Text */
body {
    color: var(--text-primary) !important;
}

.text-primary {
    color: var(--text-primary) !important;
}

.text-secondary {
    color: var(--text-secondary) !important;
}

.text-muted {
    color: var(--text-muted) !important;
}

.text-light {
    color: var(--text-light) !important;
}

.text-dark {
    color: var(--text-dark) !important;
}

.border-primary {
    border-color: var(--btn-primary-bg) !important;
}

.border-secondary {
    border-color: var(--btn-secondary-bg) !important;
}

.border-success {
    border-color: var(--btn-success-bg) !important;
}

.border-danger {
    border-color: var(--btn-danger-bg) !important;
}

.border-warning {
    border-color: var(--btn-warning-bg) !important;
}

.border-info {
    border-color: var(--btn-info-bg) !important;
}

.border-light {
    border-color: var(--btn-light-bg) !important;
}

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