:root {
    --primary: #573D7E;
    --secondary: #DDD;
    --background: #ECEEED;
    --highlight: #DDD8E5;
    --table-header: #573D7E;
    --button: #573D7E;
    --button-hover: #DDD8E5;
    --logo: url(../../Content/images/logo-ACLT.png);
    --creatio-logo: url(img/CreatioLogo.png);
    --page-background: #ECEEED;
    --surface: #fff;
    --surface-muted: #f7f7f7;
    --text: #000000;
    --text-strong: #000;
    --text-inverse: #fff;
    --link: #1A56A4;
    --danger: #A21818;
    --success: #28a745;
    --warning: #ffc107;
    --border: #aaa;
    --border-light: #ddd;
    --border-muted: #ccc;
    --control-height: 35px;
    --control-height-sm: 25px;
    --control-radius: 20px;
    --panel-radius: 5px;
    --shadow-panel: 0 2px 8px rgba(0, 0, 0, 0.16);
    --shadow-header: 0 2px 6px rgba(0, 0, 0, 0.12);
    --font-family-base: Montserrat, sans-serif;
    --font-size-base: 14px;
    --font-size-control: 14px;
    --font-size-search: 11px;
    --admin-tab-active: #DDD8E5;
    --admin-tab-inactive: var(--button);
    --search-reset: var(--danger);
    --body-background: var(--page-background);
    --body-color: var(--text);
    --navbar-background: var(--primary);
    --navbar-color: #FFFFFF;
    --navbar-active-background: #DDD8E5;
    --navbar-active-color: #573D7E;
    --navbar-hover-background: #DDD8E5;
    --navbar-hover-color: #573D7E;
    --h1-size: 120%;
    --h1-color: #182b49;
    --h1-weight: bold;
    --h2-size: 24px;
    --h2-color: var(--text-strong);
    --h2-weight: bold;
    --h3-size: 20px;
    --h3-color: var(--text-strong);
    --h3-weight: bold;
    --h4-size: 18px;
    --h4-color: var(--text-strong);
    --h4-weight: bold;
    --button-color: var(--text-inverse);
    --button-hover-color: #573D7E;
    --destructive-background: var(--danger);
    --destructive-color: var(--text-inverse);
    --destructive-hover-background: #670D0D;
    --destructive-hover-color: var(--text-inverse);
    --grid-header-background: var(--table-header);
    --grid-header-color: var(--text-inverse);
    --footer-background: var(--primary);
    --footer-color: var(--text-inverse);
    /*--highlightcolour: #06AECA;*/
    /*--answeredColor: #90ee90;*/
}