:root {
    --fp-box-background-color: color-mix(in srgb, var(--DS-primary-90) 5%, transparent);

    --border-color: var(--DS-color-content-neutral-default-rest);
    --border: 1px solid var(--border-color);
    --border-radius: 15px;
}

hr {
    height: 1px;
    border: 0;
    background-color: var(--DS-primary-40);
    margin: 2px 0 8px;
}

/* Subtle box shadow for enhancing depth on UI elements like menus, plot tools, and network */
.fp-box-shadow {
    box-shadow: 0 1px 4px color-mix(in srgb, var(--DS-color-border-neutral-default-rest) 75%, transparent);
}


/*Plot*/
.dxc-series .dxc-markers[stroke="#000000"] circle {
    fill: var(--DS-color-content-neutral-default-rest) !important;
}
/*mouse over*/
.dxc-series .dxc-markers circle[stroke="#000000"] {
    stroke: var(--DS-color-content-neutral-default-rest) !important;
    fill: var(--DS-color-surface-secondary-default-rest) !important;
}
.dxc-series .dxc-markers circle[fill="#000000"] {
    fill: var(--DS-color-surface-secondary-default-rest) !important;
}
/*line series*/
.dxc-chart g[stroke="#000000"] path {
    stroke: var(--DS-color-content-neutral-default-rest) !important;
}

.dxc-arg-elements text, .dxc-val-elements text {
    fill: color-mix(in srgb, var(--DS-color-content-neutral-default-rest) 70%, transparent) !important;
}

.dxc-arg-title text, .dxc-val-title text, .dxbl-chart-legend-def-icon[style*="fill: rgb(0, 0, 0)"] {
    fill: var(--DS-color-content-neutral-default-rest) !important;
}

.dxc-text-annotation path {
    fill: var(--DS-color-surface-secondary-default-rest) !important;
}
.dxc-text-annotation text {
    fill: var(--DS-color-content-neutral-default-rest) !important;
}