/* GlobalX brand palette. Keep status colors in their component styles. */
:root {
    --gx-logo-silver: #96989e;
    --gx-canvas: #faf9fb;
    --gx-surface: #ffffff;
    --gx-ink: #29262d;
    --gx-muted: #706b76;
    --gx-line: #e9e5ec;
    --gx-surface-shadow: 0 2px 8px rgb(41 38 45 / 4%);
    --gx-brand: #660066;
    --gx-brand-hover: #4d004d;
    --gx-brand-deep: #330033;
    --gx-brand-soft: #f7eff7;
    --gx-brand-selected: #efdfef;
    --gx-brand-border: #d9bdd9;
    --gx-brand-rgb: 102, 0, 102;
    --gx-brand-channels: 102 0 102;
    --bs-primary: var(--gx-brand);
    --bs-primary-rgb: var(--gx-brand-rgb);
    --bs-link-color: var(--gx-brand);
    --bs-link-color-rgb: var(--gx-brand-rgb);
    --bs-link-hover-color: var(--gx-brand-hover);
    --bs-link-hover-color-rgb: 77, 0, 77;
}
/* Bootstrap buttons define their own palette rather than inheriting --bs-primary. */
.btn-primary {
    --bs-btn-bg: var(--gx-brand); --bs-btn-border-color: var(--gx-brand);
    --bs-btn-hover-bg: var(--gx-brand-hover); --bs-btn-hover-border-color: var(--gx-brand-hover);
    --bs-btn-active-bg: var(--gx-brand-hover); --bs-btn-active-border-color: var(--gx-brand-hover);
    --bs-btn-disabled-bg: var(--gx-brand); --bs-btn-disabled-border-color: var(--gx-brand);
    --bs-btn-focus-shadow-rgb: var(--gx-brand-rgb);
}
.btn-outline-primary {
    --bs-btn-color: var(--gx-brand); --bs-btn-border-color: var(--gx-brand);
    --bs-btn-hover-bg: var(--gx-brand); --bs-btn-hover-border-color: var(--gx-brand);
    --bs-btn-active-bg: var(--gx-brand-hover); --bs-btn-active-border-color: var(--gx-brand-hover);
    --bs-btn-disabled-color: var(--gx-brand); --bs-btn-disabled-border-color: var(--gx-brand);
    --bs-btn-focus-shadow-rgb: var(--gx-brand-rgb);
}