/* FountainPlug brand tokens — purple + gold from the logo */
:root {
    --fp-purple-deep: #1a0438;
    --fp-purple: #4c1d95;
    --fp-purple-mid: #6d28d9;
    --fp-purple-bright: #7c3aed;
    --fp-gold: #d4a017;
    --fp-gold-bright: #e8c34a;
    --fp-gold-dark: #a67c0a;
    --fp-mist: #f6f1ff;
    --fp-cream: #fbf8ef;

    --landing-primary: var(--fp-purple-mid);
    --landing-primary-dark: var(--fp-purple);
    --landing-accent: var(--fp-gold);
    --landing-dark: var(--fp-purple-deep);
    --landing-muted: #64748b;
    --landing-radius: 1rem;

    --pos-primary: var(--fp-purple-mid);
    --pos-login-dark: var(--fp-purple-deep);
    --pos-login-dark-2: #2e1065;
    --pos-login-accent: var(--fp-gold);
    --pos-login-accent-hover: var(--fp-gold-dark);
    --pos-login-primary: var(--fp-purple-mid);
    --sidebar-bg: var(--fp-purple-deep);
    --sidebar-bg-hover: #2e1065;
    --sidebar-text: #ddd6fe;
    --sidebar-active: var(--fp-purple-mid);

    --bs-primary: #6d28d9;
    --bs-primary-rgb: 109, 40, 217;
    --bs-link-color: #6d28d9;
    --bs-link-hover-color: #4c1d95;
    --bs-link-color-rgb: 109, 40, 217;
    --bs-focus-ring-color: rgba(109, 40, 217, 0.28);
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #6d28d9;
    --bs-btn-border-color: #6d28d9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #5b21b6;
    --bs-btn-hover-border-color: #5b21b6;
    --bs-btn-focus-shadow-rgb: 109, 40, 217;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #4c1d95;
    --bs-btn-active-border-color: #4c1d95;
    --bs-btn-disabled-bg: #6d28d9;
    --bs-btn-disabled-border-color: #6d28d9;
}

.btn-outline-primary {
    --bs-btn-color: #6d28d9;
    --bs-btn-border-color: #6d28d9;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6d28d9;
    --bs-btn-hover-border-color: #6d28d9;
    --bs-btn-active-bg: #5b21b6;
    --bs-btn-active-border-color: #5b21b6;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus {
    background-color: var(--fp-purple-deep);
    border-color: var(--fp-purple-deep);
}

.text-primary {
    color: #6d28d9 !important;
}

.bg-primary {
    background-color: #6d28d9 !important;
}

.form-control:focus,
.form-select:focus,
.pos-input:focus {
    border-color: #c4b5fd;
    box-shadow: 0 0 0 0.2rem rgba(109, 40, 217, 0.18);
}

.brand-lockup__icon {
    width: 3.15rem;
    height: 3.15rem;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    overflow: hidden;
    border-radius: 50%;
    background: #1a0438;
    border: 2px solid var(--fp-gold, #d4a017);
    box-shadow: 0 0 0 3px rgba(212, 160, 23, 0.16);
}

.brand-lockup__icon--lockup {
    width: auto;
    height: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.brand-logo--lockup {
    display: block;
    height: 3.25rem;
    width: auto;
    max-width: min(19rem, 80vw);
    object-fit: contain;
    object-position: left center;
}

.sidebar-brand-logo--lockup,
.sidebar-brand-logo.brand-logo--lockup {
    width: auto;
    height: 2.45rem;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}