:root {
    /* */
    --header-bg: #349787;
    /* */
    --control-radius: 6px;
    --pager-control-radius: var(--control-radius);
    /* */
    --action-bg: #9862b0;
    --action-fg: #ffffff;
    --action-hover-bg: #006a91;
    --action-hover-fg: #ffffff;
    /* */
    --filter-bg: #d1e3e0;
    --filter-fg: #000000;
    --filter-populated-bg: #a5ded5;
    --filter-populated-fg: #000000;
    --filter-border: none;
    --filter-focus-border: 1px solid #d1e3e0 !important;
    --filter-focus-bg: #ffffff;
    --filter-focus-fg: #000000;
    /* */
    --filter-action-bg: #293583;
    --filter-action-fg: #ffffff;
    --filter-action-hover-bg: #006a91;
    --filter-action-hover-fg: #ffffff;
    /* */
    --pager-action-bg: var(--filter-action-bg);
    --pager-action-fg: var(--filter-action-fg);
    --pager-action-hover-bg: var(--filter-action-hover-bg);
    --pager-action-hover-fg: var(--filter-action-hover-fg);
    /* */
    --header-height: 100px;
    --collapsed-header-height: 40px;
    --footer-height: 40px;
    /* */
    --cfaf-ux-popup-margin: 0;
    --cfaf-ux-popup-title-height: 2.5em;
    --cfaf-ux-popup-shadow: rgba(0, 0, 0, 0.75);
    --cfaf-ux-popup-bg: #FFF;
    --cfaf-ux-popup-title-bg: #6aa097;
    --cfaf-ux-popup-title-fg: #ffffff;
    --cfaf-ux-popup-title-padding: 1em 1em;
    --cfaf-ux-popup-controls-bg: #6aa097;
    --cfaf-ux-popup-controls-border-radius: var(--control-radius);
    /* */
    --cfaf-ux-popup-fullscreen-margin: 10px;
}