:root {
    /* Primary color palette */
    /* whites */
    --color-palette1: #ffffff; /* (white) background, secondary button bgcolor */
    /* blues */
    --color-palette2: #bdecfe; /* (light blue) non-active navigation item, default button bgcolor */
    --color-palette3: #6dcff6; /* (blue) horizontal-line, info buttons */
    --color-palette4: #004b64; /* (dark blue) header4, active navigation item, links */
    /* yellows */
    --color-palette5: #f6e86d; /* (yellow) */
    /* greens */
    --color-palette6: #66c882; /* (green) success notification border color */
    --color-palette7: #ddfff1; /* (light green) success notification bgcolor */
    /* reds */
    --color-palette8: #c80000; /* (dark red) error border, error text */
    --color-palette9: #ff9696; /* (red) */
    --color-palette10: #ffefef; /* (light red) error background */
    /* grays */
    --color-palette11: #fafafa; /* (near white) tooltip bgcolor */
    --color-palette12: #e1e1e1; /* (light gray) disabled field, tooltip border, table header bgcolor */
    --color-palette13: #c8c8c8; /* (gray) table borders */
    --color-palette14: #282828; /* (dark gray) common body text, header1-3 */
    /* other */
    --color-palette15: #dba359; /* light brown */
    --color-CautionOrange: #ff7900; /* Caution Orange for warning texts */
    /* Fonts */
    --font-family-body: "Calibri", sans-serif;
    --font-color-body: var(--color-palette14);
    --font-size-body: 0.875rem;
    --font-size-body-smaller: 0.7rem;
    --font-size-body-larger: 1rem;
    --font-weight-body: normal;
    --font-family-header: "Century Gothic", sans-serif;
    --font-weight-header: bold;
    --font-color-header1: var(--color-palette4);
    --font-size-header1: 2.5rem;
    --font-color-header2: var(--color-palette14);
    --font-size-header2: 1.875rem;
    --font-color-header3: var(--color-palette14);
    --font-size-header3: 1.25rem;
    --font-color-header4: var(--color-palette14);
    --font-size-header4: 1rem;
    /* UI Elements: Navigation */
    --horizontal-line-color: var(--color-palette3);
    --font-weight-navigation: bold;
    --navigation-active-bgcolor: var(--color-palette4);
    --navigation-active-color: var(--color-palette1);
    --navigation-active-hover-bgcolor: #002448;
    --navigation-inactive-bgcolor: var(--color-palette2);
    --navigation-inactive-color: var(--color-palette14);
    --navigation-inactive-hover-bgcolor: #d7f3fb;
    /* UI Elements: Buttons, forms */
    --button-default-bgcolor: var(--color-palette2);
    --button-default-border: 1px solid var(--color-palette3);
    --button-default-border-radius: 6px;
    --button-secondary-bgcolor: var(--color-palette1);
    --button-secondary-border: 1px solid var(--color-palette3);
    --button-secondary-border-radius: 6px;
    --button-disabled-bgcolor: var(--color-palette12);
    --button-disabled-border: 1px solid var(--color-palette13);
    --button-disabled-border-radius: 6px;
    --input-border: 1px solid var(--color-palette14);
    --input-border-radius: 4px;
    --uploaded-files-title-background: var(--color-palette4);
    /* UI Elements: Links */
    --link-default-color: var(--color-palette4);
    /* UI Elements: Errors, notifications, tooltip */
    --error-bgcolor: var(--color-palette10);
    --error-color: var(--color-palette8);
    --error-border: 3px solid var(--color-palette8);
    --error-color-alternate: var(--color-palette14);
    --success-bgcolor: var(--color-palette7);
    --success-color: var(--color-palette14);
    --success-border: 3px solid var(--color-palette6);
    --tooltip-bgcolor: var(--color-palette11);
    --tooltip-color: var(--color-palette14);
    --tooltip-border: 1px solid var(--color-palette12);
    --focus-highlight-outline: var(--color-palette14);
    --warning-color: var(--color-CautionOrange);
    --warning-border: 3px solid var(--color-CautionOrange);
    /* UI Elements: Panels */
    --panel-bgcolor: var(--color-palette11);
    --panel-color: var(--color-palette14);
    --panel-border: 1px solid var(--color-palette12);
    --panel-heading-bgcolor: var(--color-palette4);
    --panel-heading-color: var(--color-palette1);
    --panel-heading-border: 1px solid var(--color-palette4);
    /* UI Elements: Tables */
    --table-header-bgcolor: var(--color-palette12);
    --table-header-color: var(--color-palette14);
    --table-header-font-weight: bold;
    --table-border: 1px solid var(--color-palette13);
    --table-body-bgcolor: var(--color-palette1);
    --table-body-color: var(--color-palette14);
    --table-body-font-weight: normal;
    --table-status-color: var(--color-palette14);
    --table-status-font-weight: bold;
    --table-consentedto-bgcolor: var(--color-palette6);
    --table-unfinished-bgcolor: var(--color-palette2);
    --table-draft-bgcolor: var(--color-palette5);
    --table-underprocess-bgcolor: var(--color-palette5);
    --table-arrived-bgcolor: var(--color-palette5);
    --table-senttocas-bgcolor: var(--color-palette5);
    --table-acknowledged-bgcolor: var(--color-palette5);
    --table-waitingforacceptance-bgcolor: var(--color-palette5);
    --table-restrictedcontent-bgcolor: var(--color-palette5);
    --table-waitingforamendment-bgcolor: var(--color-palette9);
    --table-waitingforannex1a-bgcolor: var(--color-palette9);
    --table-waitingforcustomer-bgcolor: var(--color-palette9);
    --table-waitingforguarantee-bgcolor: var(--color-palette9);
    --table-withdrawn-bgcolor: var(--color-palette12);
    --table-objection-bgcolor: var(--color-palette12);
    --table-expired-bgcolor: var(--color-palette12);
    --table-reversed-bgcolor: var(--color-palette12);
    --table-closed-bgcolor: var(--color-palette13);
    /* UI Elements: Wizard */
    --wizard-inactive-bgcolor: var(--color-palette1);
    --wizard-inactive-border: 2px solid var(--color-palette3);
    --wizard-active-bgcolor: var(--color-palette3);
    --wizard-active-border: 2px solid var(--color-palette3);
    --wizard-dash-color: var(--color-palette3);
    --wizard-error-color: var(--color-palette8);
    /* UI Elements: Tabs */
    --tab-active-bgcolor: var(--color-palette1);
    --tab-active-border: 3px solid var(--color-palette2);
    --tab-inactive-bgcolor: var(--color-palette2);
    --tab-inactive-border: 3px solid var(--color-palette2);
    /* UI Elements: Pagination */
    --pagination-font-size: var(--font-size-body);
    --pagination-button-border-color: var(--color-palette3);
    --pagination-button-border-color-hover: var(--color-palette4);
    --pagination-pagesize-link-color: var(--color-palette3);
    --pagination-pagesize-link-color-hover: var(--color-palette4);
    /* Generic layout definitions not fitting under any of the above sections */
    --background-color-body: var(--color-palette1);
    /* White space */
    --ws-sm: 0.5rem;
    --ws-md: 1rem;
    --ws-lg: 2rem;
}