:root {
    --color-primary: #0099e3;
    --color-primary-darker: #007ebd;
    --color-primary-lighter: #dcf5ff;
    --color-dark: #1f2937;
    --color-medium-dark: #2d425f;
    --color-light: #e9ecef;
    --color-grey: #cacaca;
    --color-highlight: #FF4500;
    --color-scrollbar-thumb: #B8B8B8;
    --color-scrollbar-thumb-hover: #C6C6C6;
    --color-scrollbar-thumb-active: #8A8A8A;
    --color-heading-text: #ffffff;
    --color-block-header-bg: #f6f7f9;
    --color-block-header-subheading: #6c757d;
    --color-block-bg: #ffffff;
    --color-block-border: #dde2e9;
    --color-menu-bg: #212c39;
    --color-menu-text: #c2c2c2de;
    --color-menu-hover: #1c232b;
    --color-menu-selected: #131b23;
    --color-main-bar: #303e52;
    --color-search-bar: #303e52;
    --color-item-text: #ebebeb;
    --color-item-icon: #d2d2d28a;
    --color-empty-search: #ffffff8a;
    --color-white-text: #ffffff;
    --color-error: #ff3a33;
    --color-success: #65a30d;
    --color-service-feature-disabled-bg: #f1f1f1;
    --color-service-feature-disabled-border: #dadada;
    --color-service-feature-disabled-text: #9e9e9e;

    --body-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1000' height='800' preserveAspectRatio='none' viewBox='0 0 1000 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1030%26quot%3b)' fill='none'%3e%3cpath d='M59 800L859 0L1091.5 0L291.5 800z' fill='url(%26quot%3b%23SvgjsLinearGradient1031%26quot%3b)'%3e%3c/path%3e%3cpath d='M895 800L95 0L-601 0L199 800z' fill='url(%26quot%3b%23SvgjsLinearGradient1032%26quot%3b)'%3e%3c/path%3e%3cpath d='M511.0189746848325 800L1000 311.0189746848325L1000 800z' fill='url(%26quot%3b%23SvgjsLinearGradient1031%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 800L488.9810253151675 800L 0 311.0189746848325z' fill='url(%26quot%3b%23SvgjsLinearGradient1032%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1030'%3e%3crect width='1000' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1031'%3e%3cstop stop-color='rgba(164%2c 167%2c 175%2c 0.23)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(164%2c 167%2c 175%2c 0.23)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1032'%3e%3cstop stop-color='rgba(164%2c 167%2c 175%2c 0.23)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(164%2c 167%2c 175%2c 0.23)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");

    /* Font-colors */
    --ls-body-color: #212529;
    --ls-heading-color: #495057;

    /* Some bootstrap-realated colors*/
    --ls-border-color: #dde2e9;

    --ls-primary-text-emphasis: #8224E3;
    --ls-secondary-text-emphasis: #2d65cd;
    --ls-success-text-emphasis: #3bad71;
    --ls-info-text-emphasis: #2385ba;
    --ls-warning-text-emphasis: #f57c00;
    --ls-danger-text-emphasis: #cc563d;
    --ls-light-text-emphasis: #ced4da;
    --ls-dark-text-emphasis: #343a40;
    --ls-primary-bg-subtle: #ddd1e9;
    --ls-secondary-bg-subtle: #e1ebfd;
    --ls-success-bg-subtle: #e3f7ed;
    --ls-info-bg-subtle: #dff0fa;
    --ls-warning-bg-subtle: #f1e3fe;
    --ls-danger-bg-subtle: #fde8e4;
    --ls-light-bg-subtle: #f9fbfc;
    --ls-dark-bg-subtle: #e9ebec;
    --ls-primary-border-subtle: #c2a4e0;
    --ls-secondary-border-subtle: #aec9f9;
    --ls-success-border-subtle: #b5eace;
    --ls-info-border-subtle: #a9d7f1;
    --ls-warning-border-subtle: #ffe59d;
    --ls-danger-border-subtle: #f9c1b6;
    --ls-light-border-subtle: #eff2f7;
    --ls-dark-border-subtle: #adb5bd;
}

body[data-theme="dark"] {

    --body-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1000' height='800' preserveAspectRatio='none' viewBox='0 0 1000 800'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1060%26quot%3b)' fill='none'%3e%3crect width='1000' height='800' x='0' y='0' fill='rgba(38%2c 71%2c 104%2c 1)'%3e%3c/rect%3e%3cpath d='M56 800L856 0L1090 0L290 800z' fill='url(%26quot%3b%23SvgjsLinearGradient1061%26quot%3b)'%3e%3c/path%3e%3cpath d='M887 800L87 0L-190.5 0L609.5 800z' fill='url(%26quot%3b%23SvgjsLinearGradient1062%26quot%3b)'%3e%3c/path%3e%3cpath d='M574.3985667817258 800L1000 374.3985667817257L1000 800z' fill='url(%26quot%3b%23SvgjsLinearGradient1061%26quot%3b)'%3e%3c/path%3e%3cpath d='M0 800L425.6014332182743 800L 0 374.3985667817257z' fill='url(%26quot%3b%23SvgjsLinearGradient1062%26quot%3b)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1060'%3e%3crect width='1000' height='800' fill='white'%3e%3c/rect%3e%3c/mask%3e%3clinearGradient x1='0%25' y1='100%25' x2='100%25' y2='0%25' id='SvgjsLinearGradient1061'%3e%3cstop stop-color='rgba(2%2c 24%2c 71%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(2%2c 24%2c 71%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='100%25' y1='100%25' x2='0%25' y2='0%25' id='SvgjsLinearGradient1062'%3e%3cstop stop-color='rgba(2%2c 24%2c 71%2c 0.2)' offset='0'%3e%3c/stop%3e%3cstop stop-opacity='0' stop-color='rgba(2%2c 24%2c 71%2c 0.2)' offset='0.66'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");

    --color-primary: #4a5d80;
    --color-primary-darker: #405172;
    --color-primary-lighter: #cad5e9;
    --color-block-bg: #f6f6f6;
    --color-block-header-bg: #dcdcdc;

    --ls-border-color: #dde2e9;

    --ls-primary-text-emphasis: #4a5d80;
    --ls-secondary-text-emphasis: #405172;
    --ls-success-text-emphasis: #4ca66b;
    --ls-info-text-emphasis: #3a7ca5;
    --ls-warning-text-emphasis: #c9a028;
    --ls-danger-text-emphasis: #a63d30;
    --ls-light-text-emphasis: #b2bbcc;
    --ls-dark-text-emphasis: #2e3548;
    --ls-primary-bg-subtle: #e8eef1;
    --ls-secondary-bg-subtle: #ecedf0;
    --ls-success-bg-subtle: #f0f7f0;
    --ls-info-bg-subtle: #ebf4fa;
    --ls-warning-bg-subtle: #fbf6e1;
    --ls-danger-bg-subtle: #faeaea;
    --ls-light-bg-subtle: #fafafa;
    --ls-dark-bg-subtle: #dcdcdc;
    --ls-primary-border-subtle: #b2bbcc;
    --ls-secondary-border-subtle: #a2aec8;
    --ls-success-border-subtle: #a4c9a5;
    --ls-info-border-subtle: #96b8d1;
    --ls-warning-border-subtle: #e5d19f;
    --ls-danger-border-subtle: #deada9;
    --ls-light-border-subtle: #eaeaea;
    --ls-dark-border-subtle: #b2bbcc;

}