/* Override DevExpress Fluent Theme with WhirlWind Specifics */
/* https://docs.devexpress.com/DesignSystem/405636/foundation */

[data-bs-theme="light"] {
    /* Master Font */
    --dxds-font-family-sans-serif: "Montserrat", segoe ui, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --DS-font-family-sans-serif: var(--dxds-font-family-sans-serif);
    --bs-body-font-family: var(--dxds-font-family-sans-serif);
    /* Theme override - Main Theme Colors */
    --bs-primary: var(--primary-base);
    --bs-primary-rgb: var(--primary-base-rgb);
    --bs-secondary: var(--secondary-base);
    --bs-secondary-rgb: var(--secondary-base-rgb);
    --bs-success: var(--success-base);
    --bs-success-rgb: var(--sucess-base-rgb);
    --bs-info: var(--info-base);
    --bs-info-rgb: var(--info-base-rgb);
    --bs-warning: var(--warning-base);
    --bs-warning-rgb: var(--warning-base-rgb);
    --bs-danger: var(--danger-base);
    --bs-danger-rgb: var(--danger-base-rgb);
    /* Custom Light/Dark swap */
    --bs-light: #F8F9FA;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark: #212529;
    --bs-dark-rgb: 33, 37, 41;
    /* Theme override - Base Colors */
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    /* Theme override - Text */
    --bs-heading-color: inherit;
    /* Default text color */
    --bs-link-color: #007BA7;
    --bs-link-hover-color: #006B8F;
    --bs-link-color-rgb: 0, 123, 167;
    --bs-link-hover-color-rgb: 0, 107, 143;
    /* Theme override - Text/Emphasis */
    --bs-primary-text-emphasis: #033B55;
    --bs-secondary-text-emphasis: #2B2F32;
    --bs-success-text-emphasis: #0A3622;
    --bs-info-text-emphasis: #052960;
    --bs-warning-text-emphasis: #664D03;
    --bs-danger-text-emphasis: #58151C;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #343A40;
    /* Theme override - Background */
    --bs-body-bg: #FFFFFF;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-secondary-bg: #E9ECEF;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-bg: #F8F9FA;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    /* Theme override - Background/Subtle */
    --bs-primary-bg-subtle: #CFF4FC;
    --bs-secondary-bg-subtle: #E2E3E5;
    --bs-success-bg-subtle: #D1E7DD;
    --bs-info-bg-subtle: #CFE2FF;
    --bs-warning-bg-subtle: #FFF3CD;
    --bs-danger-bg-subtle: #F8D7DA;
    --bs-light-bg-subtle: #FCFCFD;
    --bs-dark-bg-subtle: #CED4DA;
    /* Theme override - Border */
    --bs-border-color: #DEE2E6;
    /* Theme override - Border/Subtle */
    --bs-primary-border-subtle: #9EEAF9;
    --bs-secondary-border-subtle: #C4C8CB;
    --bs-success-border-subtle: #A3CFBB;
    --bs-info-border-subtle: #9EC5FE;
    --bs-warning-border-subtle: #FFE69C;
    --bs-danger-border-subtle: #F1AEB5;
    --bs-light-border-subtle: #E9ECEF;
    --bs-dark-border-subtle: #ADB5BD;
}

[data-bs-theme="dark"] {
    /* Master Font */
    --dxds-font-family-sans-serif: "Montserrat", segoe ui, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
    --DS-font-family-sans-serif: var(--dxds-font-family-sans-serif);
    --bs-body-font-family: var(--dxds-font-family-sans-serif);
    /* Theme override - Main Theme Colors */
    --bs-primary: var(--primary-base);
    --bs-primary-rgb: var(--primary-base-rgb);
    --bs-secondary: var(--secondary-base);
    --bs-secondary-rgb: var(--secondary-base-rgb);
    --bs-success: var(--success-base);
    --bs-success-rgb: var(--sucess-base-rgb);
    --bs-info: var(--info-base);
    --bs-info-rgb: var(--info-base-rgb);
    --bs-warning: var(--warning-base);
    --bs-warning-rgb: var(--warning-base-rgb);
    --bs-danger: var(--danger-base);
    --bs-danger-rgb: var(--danger-base-rgb);
    /* Custom Light/Dark swap */
    --bs-light: #495057;
    --bs-light-rgb: 73, 80, 87;
    --bs-dark: #F8F9FA;
    --bs-dark-rgb: 248, 249, 250;
    /* Theme override - Base Colors */
    --bs-emphasis-color: #fff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    /* Theme override - Text */
    --bs-heading-color: inherit;
    /* Default text color */
    --bs-link-color: #1DCDFE;
    --bs-link-hover-color: #19AED8;
    --bs-link-color-rgb: 29, 205, 254;
    --bs-link-hover-color-rgb: 25, 174, 216;
    /* Theme override - Text/Emphasis */
    --bs-primary-text-emphasis: #6EDFF6;
    --bs-secondary-text-emphasis: #A7ACB1;
    --bs-success-text-emphasis: #75B798;
    --bs-info-text-emphasis: #6EA8FE;
    --bs-warning-text-emphasis: #FFDA6A;
    --bs-danger-text-emphasis: #EA868F;
    --bs-light-text-emphasis: #F8F9FA;
    --bs-dark-text-emphasis: #DEE2E6;
    /* Theme override - Background */
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;
    --bs-secondary-bg: #343A40;
    --bs-secondary-bg-rgb: 52, 58, 64;
    --bs-tertiary-bg: #2B3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    /* Theme override - Background/Subtle */
    --bs-primary-bg-subtle: #032830;
    --bs-secondary-bg-subtle: #161719;
    --bs-success-bg-subtle: #051B11;
    --bs-info-bg-subtle: #031633;
    --bs-warning-bg-subtle: #332701;
    --bs-danger-bg-subtle: #2C0B0E;
    --bs-light-bg-subtle: #343A40;
    --bs-dark-bg-subtle: #1A1D20;
    /* Theme override - Border */
    --bs-border-color: #495057;
    /* Theme override - Border/Subtle */
    --bs-primary-border-subtle: #087990;
    --bs-secondary-border-subtle: #41464B;
    --bs-success-border-subtle: #0F5132;
    --bs-info-border-subtle: #084298;
    --bs-warning-border-subtle: #997404;
    --bs-danger-border-subtle: #842029;
    --bs-light-border-subtle: #495057;
    --bs-dark-border-subtle: #343A40;
}

:root {
    /* Brand Colors */
    --brand-primary: #1DCDFE;
    --brand-secondary: #2F455C;
    --brand-logo: #ED3826;
    /* Base Colors */
    --primary-base: #1DCDFE;
    --primary-base-rgb: 29, 205, 254;
    --secondary-base: #6C757D;
    --secondary-base-rgb: 108, 117, 125;
    --success-base: #198754;
    --sucess-base-rgb: 25, 135, 84;
    --info-base: #0D6EFD;
    --info-base-rgb: 13, 110, 253;
    --warning-base: #FFC107;
    --warning-base-rgb: 255, 193, 7;
    --danger-base: #DC3545;
    --danger-base-rgb: 220, 53, 69;
    /* Theme override - Main Theme Colors */
    --bs-primary: var(--primary-base);
    --bs-primary-rgb: var(--primary-base-rgb);
    --bs-secondary: var(--secondary-base);
    --bs-secondary-rgb: var(--secondary-base-rgb);
    --bs-success: var(--success-base);
    --bs-success-rgb: var(--sucess-base-rgb);
    --bs-info: var(--info-base);
    --bs-info-rgb: var(--info-base-rgb);
    --bs-warning: var(--warning-base);
    --bs-warning-rgb: var(--warning-base-rgb);
    --bs-danger: var(--danger-base);
    --bs-danger-rgb: var(--danger-base-rgb);
    /* Theme override - Text Colors */
    /* Success - Darker shades (black mix) */
    --DS-success-170: color-mix(in srgb, var(--success-base) 5%, black);
    --DS-success-160: color-mix(in srgb, var(--success-base) 10%, black);
    --DS-success-150: color-mix(in srgb, var(--success-base) 15%, black);
    --DS-success-140: color-mix(in srgb, var(--success-base) 20%, black);
    --DS-success-130: color-mix(in srgb, var(--success-base) 30%, black);
    --DS-success-120: color-mix(in srgb, var(--success-base) 40%, black);
    --DS-success-110: color-mix(in srgb, var(--success-base) 60%, black);
    --DS-success-100: color-mix(in srgb, var(--success-base) 80%, black);
    --DS-success-90: var(--success-base);
    /* Base */
    /* Success - Lighter tints - (white mix) */
    --DS-success-80: color-mix(in srgb, var(--success-base) 90%, white);
    --DS-success-70: color-mix(in srgb, var(--success-base) 80%, white);
    --DS-success-60: color-mix(in srgb, var(--success-base) 70%, white);
    --DS-success-50: color-mix(in srgb, var(--success-base) 60%, white);
    --DS-success-40: color-mix(in srgb, var(--success-base) 50%, white);
    --DS-success-30: color-mix(in srgb, var(--success-base) 40%, white);
    --DS-success-20: color-mix(in srgb, var(--success-base) 30%, white);
    --DS-success-10: color-mix(in srgb, var(--success-base) 15%, white);
    /* Info - Darker shades (black mix) */
    --DS-info-170: color-mix(in srgb, var(--info-base) 5%, black);
    --DS-info-160: color-mix(in srgb, var(--info-base) 10%, black);
    --DS-info-150: color-mix(in srgb, var(--info-base) 15%, black);
    --DS-info-140: color-mix(in srgb, var(--info-base) 20%, black);
    --DS-info-130: color-mix(in srgb, var(--info-base) 30%, black);
    --DS-info-120: color-mix(in srgb, var(--info-base) 40%, black);
    --DS-info-110: color-mix(in srgb, var(--info-base) 60%, black);
    --DS-info-100: color-mix(in srgb, var(--info-base) 80%, black);
    --DS-info-90: var(--info-base);
    /* Base */
    /* Info - Lighter tints - (white mix) */
    --DS-info-80: color-mix(in srgb, var(--info-base) 90%, white);
    --DS-info-70: color-mix(in srgb, var(--info-base) 80%, white);
    --DS-info-60: color-mix(in srgb, var(--info-base) 70%, white);
    --DS-info-50: color-mix(in srgb, var(--info-base) 60%, white);
    --DS-info-40: color-mix(in srgb, var(--info-base) 50%, white);
    --DS-info-30: color-mix(in srgb, var(--info-base) 40%, white);
    --DS-info-20: color-mix(in srgb, var(--info-base) 30%, white);
    --DS-info-10: color-mix(in srgb, var(--info-base) 15%, white);
    /* Warning - Darker shades (black mix) */
    --DS-warning-170: color-mix(in srgb, var(--warning-base) 5%, black);
    --DS-warning-160: color-mix(in srgb, var(--warning-base) 10%, black);
    --DS-warning-150: color-mix(in srgb, var(--warning-base) 15%, black);
    --DS-warning-140: color-mix(in srgb, var(--warning-base) 20%, black);
    --DS-warning-130: color-mix(in srgb, var(--warning-base) 30%, black);
    --DS-warning-120: color-mix(in srgb, var(--warning-base) 40%, black);
    --DS-warning-110: color-mix(in srgb, var(--warning-base) 60%, black);
    --DS-warning-100: color-mix(in srgb, var(--warning-base) 80%, black);
    --DS-warning-90: var(--warning-base);
    /* Base */
    /* Warning - Lighter tints - (white mix) */
    --DS-warning-80: color-mix(in srgb, var(--warning-base) 90%, white);
    --DS-warning-70: color-mix(in srgb, var(--warning-base) 80%, white);
    --DS-warning-60: color-mix(in srgb, var(--warning-base) 70%, white);
    --DS-warning-50: color-mix(in srgb, var(--warning-base) 60%, white);
    --DS-warning-40: color-mix(in srgb, var(--warning-base) 50%, white);
    --DS-warning-30: color-mix(in srgb, var(--warning-base) 40%, white);
    --DS-warning-20: color-mix(in srgb, var(--warning-base) 30%, white);
    --DS-warning-10: color-mix(in srgb, var(--warning-base) 15%, white);
    /* Danger - Darker shades (black mix) */
    --DS-danger-170: color-mix(in srgb, var(--danger-base) 5%, black);
    --DS-danger-160: color-mix(in srgb, var(--danger-base) 10%, black);
    --DS-danger-150: color-mix(in srgb, var(--danger-base) 15%, black);
    --DS-danger-140: color-mix(in srgb, var(--danger-base) 20%, black);
    --DS-danger-130: color-mix(in srgb, var(--danger-base) 30%, black);
    --DS-danger-120: color-mix(in srgb, var(--danger-base) 40%, black);
    --DS-danger-110: color-mix(in srgb, var(--danger-base) 60%, black);
    --DS-danger-100: color-mix(in srgb, var(--danger-base) 80%, black);
    --DS-danger-90: var(--danger-base);
    /* Base */
    /* Danger - Lighter tints - (white mix) */
    --DS-danger-80: color-mix(in srgb, var(--danger-base) 90%, white);
    --DS-danger-70: color-mix(in srgb, var(--danger-base) 80%, white);
    --DS-danger-60: color-mix(in srgb, var(--danger-base) 70%, white);
    --DS-danger-50: color-mix(in srgb, var(--danger-base) 60%, white);
    --DS-danger-40: color-mix(in srgb, var(--danger-base) 50%, white);
    --DS-danger-30: color-mix(in srgb, var(--danger-base) 40%, white);
    --DS-danger-20: color-mix(in srgb, var(--danger-base) 30%, white);
    --DS-danger-10: color-mix(in srgb, var(--danger-base) 15%, white);
    /* Specials */
    --dark-green-color: #0C343B;
    --dark-green-color-rgb: 12, 52, 59;

    /* DevExpress Overrides */
    .dxbl-btn.dxbl-btn-primary {
        /* Primary Button Text Color */
        --dxbl-btn-color: #000;
    }

    .dxbl-btn.dxbl-btn-warning {
        /* Warning Button Text Color on Hover */
        --dxbl-btn-hover-color: #000;
        --dxbl-btn-active-color: #000;
    }

    .dxbl-splitter>.dxbl-splitter-pane>.dxbl-splitter-pane-content {
        padding: 8px;
    }

    /* The content is 16px and for whatever reason, the header is 24px. (??)*/
    .dxbl-popup-body {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .dxbl-popup-header {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* ─── DxGrid: always use Segoe UI (both themes) ─── */
.dxbl-grid,
.dxbl-grid * {
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.dxbl-grid {
    box-shadow: var(--bs-box-shadow-sm);
}