/* Orbsen brand palette — matches www.orbsen.com */
:root {
    --orbsen-purple-50:  #f0ecff;
    --orbsen-purple-200: #ddc6ff;
    --orbsen-purple-400: #9b65e0;
    --orbsen-purple-600: #593196; /* primary */
    --orbsen-purple-900: #1b0847;

    --bs-primary:     var(--orbsen-purple-600);
    --bs-primary-rgb: 89, 49, 150;
}

body { font-family: system-ui, sans-serif; }
.navbar-brand { letter-spacing: -0.5px; }

/* Bootstrap utility classes baked their RGB values at build time, so the
   CSS-variable override above doesn't reach them. Repaint by hand. */
.bg-primary       { background-color: var(--orbsen-purple-600) !important; }
.text-primary     { color: var(--orbsen-purple-600) !important; }
.border-primary   { border-color: var(--orbsen-purple-600) !important; }
.link-primary     { color: var(--orbsen-purple-600) !important; }

.btn-primary {
    --bs-btn-bg:               var(--orbsen-purple-600);
    --bs-btn-border-color:     var(--orbsen-purple-600);
    --bs-btn-hover-bg:         var(--orbsen-purple-900);
    --bs-btn-hover-border-color: var(--orbsen-purple-900);
    --bs-btn-active-bg:        var(--orbsen-purple-900);
    --bs-btn-active-border-color: var(--orbsen-purple-900);
    --bs-btn-disabled-bg:      var(--orbsen-purple-600);
    --bs-btn-disabled-border-color: var(--orbsen-purple-600);
}

.btn-outline-primary {
    --bs-btn-color:            var(--orbsen-purple-600);
    --bs-btn-border-color:     var(--orbsen-purple-600);
    --bs-btn-hover-bg:         var(--orbsen-purple-600);
    --bs-btn-hover-border-color: var(--orbsen-purple-600);
    --bs-btn-active-bg:        var(--orbsen-purple-600);
    --bs-btn-active-border-color: var(--orbsen-purple-600);
}

/* The "Annual" plan card used .border-success / .bg-success to mean
   "the recommended plan" — restyle it as a lighter purple so the whole
   pricing page stays on-brand. */
.pricing-highlight       { border-color: var(--orbsen-purple-400) !important; }
.pricing-highlight-header {
    background-color: var(--orbsen-purple-400) !important;
    color: #fff;
}
