:root {
    --width: 1380px;
}

:root {
    --font-size-mini: 12px;
    --font-size-small: 13px;
    --font-size-default: 14px;
    --font-size-medium: 16px;
    --font-size-large: 18px;
    --font-size-extra-large: 24px;
    --font-size-largest: 32px;
}

:root {
    --text-color-title: #224099;
    --text-color-content: #333333;
    --text-color-button: #224099;
    --text-color-white: #ffffff;
    --text-color-black: #000000;
    --text-color-primary: #333333;
}

:root {
    --background-color-default: #ffffff;
    --background-color-primary: #00297A;
    --background-color-panel: #BABCBD;
    --background-color-panel-body: #FFFFFF;
    --background-color-hover: #FBD1CE;
    --background-color-selected: #FBD1CE;
}

:root {
    --border-style-base: 1px solid #D4D4D4;
}