/* =============================================================================
   BBCRM brand on DevExpress Fluent (26.1). Registered by BBCRM.App/Components/App.razor with Themes.Fluent.Clone(...);
   the accent comes from SetCustomAccentColor there (navy on light, the lifted blue on dark = --bb-brand).
   Fluent builds every semantic colour from a 25-step neutral scale (--dxds-neutral-10 lightest .. 250 darkest, flipped in dark),
   so repointing the scale to the brand's cool slate re-skins every DevExpress control at once. Components still read the
   --bb-* roles only; this file is the one bridge from them to --dxds-*.
   ============================================================================= */

:root {
    /* light ground: white surfaces, cool slate lines and text (bbcrm-tokens n-scale) */
    --dxds-neutral-10:  #ffffff;
    --dxds-neutral-20:  #f6f8fb;
    --dxds-neutral-30:  #edf1f6;
    --dxds-neutral-40:  #e2e8f0;
    --dxds-neutral-50:  var(--bb-n-200);
    --dxds-neutral-60:  #c3cedc;
    --dxds-neutral-70:  #b4c0d0;
    --dxds-neutral-80:  #a5b2c5;
    --dxds-neutral-90:  var(--bb-n-400);
    --dxds-neutral-100: #8794aa;
    --dxds-neutral-110: #7a879f;
    --dxds-neutral-120: #6e7b94;
    --dxds-neutral-130: #637089;
    --dxds-neutral-140: #596680;
    --dxds-neutral-150: var(--bb-n-600);
    --dxds-neutral-160: #485670;
    --dxds-neutral-170: #3f4c64;
    --dxds-neutral-180: #37435a;
    --dxds-neutral-190: #303b50;
    --dxds-neutral-200: #2a3447;
    --dxds-neutral-210: var(--bb-n-800);
    --dxds-neutral-220: #1b2535;
    --dxds-neutral-230: #161f2d;
    --dxds-neutral-240: #121a26;
    --dxds-neutral-250: #121212;

    --dxds-font-family-sans-serif: var(--bb-font);
    --dxds-font-family-segoe-ui: var(--bb-font);
    --dxds-font-family-inter: var(--bb-font);

    /* the type ramp (bbcrm-tokens 2f): DevExpress base text is 14, captions 12, titles cap at 20, strong is semibold */
    --dxds-font-size-base-lg: var(--bb-fs-body);
    --dxds-font-size-base-md: var(--bb-fs-body);
    --dxds-font-size-base-sm: var(--bb-fs-body);
    --dxds-font-size-caption-lg: var(--bb-fs-body);
    --dxds-font-size-caption-md: var(--bb-fs-caption);
    --dxds-font-size-title-lg: var(--bb-fs-subtitle1);
    --dxds-font-size-title-md: var(--bb-fs-subtitle1);
    --dxds-font-size-title-sm: var(--bb-fs-subtitle2);
    --dxds-font-size-title-xs: var(--bb-fs-body);
    --dxds-font-size-headline-xl: var(--bb-fs-subtitle1);
    --dxds-font-size-headline-lg: var(--bb-fs-subtitle1);
    --dxds-font-size-headline-md: var(--bb-fs-subtitle1);
    --dxds-font-size-headline-sm: var(--bb-fs-subtitle1);
    --dxds-font-weight-base-stronger: var(--bb-fw-semibold);
    /* focus is gold in both themes: DevExpress draws its own focus indication in this public colour */
    --dxds-color-border-focus-default: var(--bb-focus);
}

/* dark ground: the same steps, matched to --bb-surface (#1a2029), --bb-surface-raised (#222a35) and --bb-surface-sunken (#121212) */
[data-bs-theme="dark"] {
    --dxds-color-border-focus-default: var(--bb-focus);
    --dxds-neutral-10:  #f1f4f8;
    --dxds-neutral-20:  #e2e7ef;
    --dxds-neutral-30:  #d0d7e2;
    --dxds-neutral-40:  #bcc5d3;
    --dxds-neutral-50:  #aeb7c6;
    --dxds-neutral-60:  #9aa5b6;
    --dxds-neutral-70:  #8792a5;
    --dxds-neutral-80:  #768196;
    --dxds-neutral-90:  #677287;
    --dxds-neutral-100: #5a657a;
    --dxds-neutral-110: #4f596d;
    --dxds-neutral-120: #455064;
    --dxds-neutral-130: #3c465a;
    --dxds-neutral-140: #343e51;
    --dxds-neutral-150: #2d3748;
    --dxds-neutral-160: #283140;
    --dxds-neutral-170: #262e3b;
    --dxds-neutral-180: #242c38;
    --dxds-neutral-190: #232a36;
    --dxds-neutral-200: #222a35;
    --dxds-neutral-210: #1e2530;
    --dxds-neutral-220: #1c222b;
    --dxds-neutral-230: #1a2029;
    --dxds-neutral-240: #151a22;
    --dxds-neutral-250: #121212;
}