/* Rubix Light — official brand palette (navy / blue / cyan / orange) layered
   over a DevExpress bs5 base. Base imported first (absolute path = site root). */
@import url("/_content/DevExpress.Blazor.Themes/office-white.bs5.min.css");

:root {
    --rbx-navy: #0f2a47;
    --rbx-blue: #2b7cb0;
    --rbx-cyan: #5bc2e7;
    --rbx-orange: #e18829;
    --rbx-grad: linear-gradient(135deg, #0f2a47 0%, #2b7cb0 55%, #5bc2e7 100%);

    /* Bootstrap primary drives most DevExpress bs5 accents */
    --bs-primary: #2b7cb0;
    --bs-primary-rgb: 43, 124, 176;
    --bs-link-color: #2b7cb0;
    --bs-link-color-rgb: 43, 124, 176;
    --bs-link-hover-color: #0f2a47;

    --dxbl-accent-bg: #2b7cb0;
    --dxbl-accent-color: #ffffff;
    /* Retune the base (office-white) orange accent to brand blue */
    --dxbl-accent: #2b7cb0;
    --dxbl-accent-rgb: 43, 124, 176;
    --dxbl-primary: #2b7cb0;
    --dxbl-primary-rgb: 43, 124, 176;
}

/* Vibrant gradient primary buttons (Bootstrap + DevExpress) */
.btn-primary,
.dxbl-btn-primary,
.dxbl-button.dxbl-button-primary {
    background-image: var(--rbx-grad) !important;
    border: 0 !important;
    color: #fff !important;
}
.btn-primary:hover,
.dxbl-btn-primary:hover { filter: brightness(1.06); }

/* Links, selection and focus pick up the brand; orange as the highlight accent */
a { color: var(--bs-link-color); }
::selection { background: rgba(91, 194, 231, 0.30); }
:focus-visible { outline-color: var(--rbx-blue); }
mark, .badge.bg-warning { background-color: var(--rbx-orange) !important; }