:root {
    --cb-gradient-brand: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.18), transparent 35%), linear-gradient(120deg, #0a1d49, #3b0a4f 55%, #8f0f4f);
    --cb-color-primary-text: #ffffff;
    --cb-color-primary-border: #2d3c7c;
    --cb-color-primary-hover-border: #203063;
    --cb-color-primary-shadow: rgba(25, 33, 88, 0.35);

    --cb-panel-bg: #f4bfdc;
    --cb-panel-border: #df96c1;
    --cb-panel-text: #240b24;

    --cb-card-border-silver: #9eabbc;
    --cb-card-shadow-silver: rgba(50, 61, 80, 0.38);

    --cb-card-border-gold: #b98a36;
    --cb-card-shadow-gold: rgba(138, 94, 19, 0.35);
}

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

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: var(--cb-color-primary-text);
    background: var(--cb-gradient-brand);
    border-color: var(--cb-color-primary-hover-border);
    box-shadow: 0 0 0 0.2rem var(--cb-color-primary-shadow);
}

.panel-accent {
    background: var(--cb-panel-bg);
    border: 1px solid var(--cb-panel-border);
    color: var(--cb-panel-text);
}

.btn-outline-secondary {
    border-color: #670430;
    color: #670430;
}