:root {
    /* =========
     * Text & Background
     * ========= */
    --dxbl-base-text-color: var(--ef-text-primary);
    --dxbl-muted-text-color: var(--ef-text-secondary);
    --dxbl-body-bg: var(--ef-bg-primary);
    --dxbl-panel-bg: var(--ef-bg-secondary);
    --dxbl-card-bg: var(--ef-bg-tertiary);
    --dxbl-text-edit-bg: var(--ef-bg-primary);
    --dxbl-text-edit-input-bg: var(--ef-bg-primary);
    /* =========
     * Borders & Shadows
     * ========= */
    --dxbl-border-color: var(--ef-border-light);
    --dxbl-grid-border-color: var(--ef-border-light);
    --dxbl-popup-window-box-shadow: none;

    /* =========
     * Buttons
     * ========= */
    --dxbl-btn-primary-bg: var(--ef-primary);
    --dxbl-btn-primary-border-color: var(--ef-primary-dark);
    --dxbl-btn-primary-color: var(--ef-text-light);
    --dxbl-btn-secondary-bg: var(--ef-bg-tertiary);
    --dxbl-btn-secondary-border-color: var(--ef-border-medium);
    --dxbl-btn-secondary-color: var(--ef-text-primary);
    /* =========
     * Semantic Colors (DX-Core)
     * ========= */
    --dxbl-success-color: var(--ef-success);
    --dxbl-danger-color: var(--ef-error);
    --dxbl-warning-color: var(--ef-warning);
    /* =========
     * Client Component Palette (Charts, Badges, etc.)
     * ========= */
    /* Primary intentionally set to Accent so that buttons (primary) and
       'Highlight/Brand' (accent) differ slightly. If you want everything
       in one color, use --ef-primary here. */
    --dxbl-client-component-palette-primary: var(--ef-primary);
    --dxbl-client-component-palette-success: var(--ef-success);
    --dxbl-client-component-palette-danger: var(--ef-error);
    --dxbl-client-component-palette-warning: var(--ef-warning);
    --dxbl-client-component-palette-info: var(--ef-success-dark);
    /* =========
     * Tooltips
     * ========= */
    /* Background dark blue, text light → good contrast */
    --dxbl-client-component-tooltip-color: var(--ef-bg-dark);
    --dxbl-client-component-tooltip-font-color: var(--ef-text-light);
    /* =========
     * Grid
     * ========= */
    --dxbl-grid-bg: var(--ef-bg-primary);
    --dxbl-grid-color: var(--ef-text-primary);
    /* Text color in selected/focused cells – sensible for you: light on colored background */
    --dxbl-grid-focus-color: var(--ef-text-light);
    /* Frame color for focused cells/rows – here your accent */
    --dxbl-grid-focus-frame-color: var(--ef-primary);
    /* Highlight (e.g., search results) – more subtle than 'yellow' */
    --dxbl-grid-highlighted-text-bg: var(--ef-primary);
    --dxbl-grid-highlighted-text-color: var(--ef-text-primary);

}