:root {
    --border-color: #5e5e9e;
    --page-background-color: #EFEFF5;
    --content-area-background-color: #FFFFFF;
    --page-foreground-color: #000000;
    --border-hover-color: #000000;
    --nav-button-color: #000000;
    --nav-button-selected-background-color: #0d6efd;
    --nav-button-selected-color: #ffffff;
    --nav-text-color: #ffffff;
    --page-border-color: #e5e5e5;
    --report-alt-color: #808080;
    --passage-block-background-color: rgba(0, 0, 0, 0.5);
    --passage-background-overlay: radial-gradient(ellipse farthest-corner at 90% 10%, rgba(255, 255, 255, 0.5) 20%, #fff 70%, #fff);
    --content-background-logo-gradient: radial-gradient(ellipse farthest-corner at 90% 10%, rgba(255, 255, 255, 0.5) 20%, #fff 70%, #fff), url("/img/branding/logo-color-icon.svg");
    --passage-background-overlay-transparent: radial-gradient(ellipse farthest-corner at 90% 10%, transparent, rgba(255, 255, 255, 0.5) 20%, #fff 70%, #fff);
    --accent-background-color: #2E2E57;
    --accent-foreground-color: #ffffff;
    --action-background-color: #ffffff;
    --action-foreground-color: #7E80CF;
}