:root {
    --brand-green: #b2f94c;
    --brand-purple: #553b7b;
    --brand-bg-light: #f6f5fb;
    --brand-bg-soft: #f1f2f9;
    --brand-text: #1a1a1a;
}

body {
    background-color: var(--brand-bg-light);
    color: var(--brand-text);
}

.navbar-brand,
.navbar-light .navbar-nav .nav-link {
    color: var(--brand-purple) !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: #3f2a65 !important;
}

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

.btn-primary:hover,
.btn-primary:focus {
    background-color: #412a61;
    border-color: #412a61;
}

.btn-secondary {
    background-color: var(--brand-green);
    border-color: var(--brand-green);
    color: #1a1a1a;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #9de03f;
    border-color: #9de03f;
}

.bg-brand-primary {
    background-color: var(--brand-purple) !important;
}

.bg-brand-secondary {
    background-color: var(--brand-green) !important;
}

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

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

.alert-brand {
    background-color: rgba(178, 249, 76, 0.15);
    border-color: var(--brand-green);
    color: var(--brand-text);
}

.card {
    border-radius: 1rem;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--brand-purple);
    box-shadow: 0 0 0 0.25rem rgba(85, 59, 123, 0.25);
}