:root{
    --hn-header-background-color: #F2F3F5;
    --hn-table-header-background-color: #878da1;
    --hn-footer-background-color: #878da1;
    --hn-box-background-color: #ebebf2;
    --hn-box-background-color-hover: #d9eafd;
    --hn-notification-poupup-background-color: #fbfbfb;
    --hn-basic-text-color: #252323;
    --hn-login-font-size: 14px;
    --hn-menu-font-size: 14px;
    --hn-menu-icon-width: 32px;
    --hn-menu-icon-height: 32px;
    --hn-table-headline-font-size: 23px;
    --hn-table-headline-font-size-mobile: 18px;
    --hn-popup-form-headline-font-size: 16px;


    --hn-switcher-font-size: 14px;
    --hn-basic-text-size: 14px;
    --hn-basic-text-font-size-mobile: 14px;
    --hn-notification-text-size: 20px;
    --hn-switcher-flag-width: 27px;
    --hn-switcher-flag-height: 27px;
    --hn-link-color: #000000;

    --hn-universal-box-shadow: -4px 10px 14px -10px rgba(0,0,0,0.75);
    --hn-header-box-shadow: 7px 8px 29px -8px rgba(0,0,0,0.75);
    --hn-popup-window-shadow: 7px 8px 29px -8px rgba(0,0,0,0.75);

    --hn-input-bordrder:  1px solid black;

    --hn-save-data-button-color: #3D69CB;
    --hn-save-data-button-color-hover: #375baf;
    --hn-button-border-radius: 3px;

    --action-button-color: #6887a1;
    --action-button-color-hover: #526a7e;
    --hn-default-font-family: Arial, sans-serif;

    --hn-add-button-color: #D91882;
    --hn-edit-button-color: #40afa5;
    --hn-delete-button-color: #f53434;
    --hn-duplicate-button-color: #e13297;
    --hn-cancel-button-color: #2C3E50;

    --hn-add-button-color-hover: #d92e8b;
    --hn-edit-button-color-hover: #4e9b95;
    --hn-delete-button-color-hover: #f35050;
    --hn-duplicate-button-color-hover: #e152a6;
    --hn-cancel-button-color-hover: #1d2731;
    --hn-red-color: #e15252;
    --hn-green-color: #6ab36a;

    --page-real-width: 100vw;
    --page-real-height: 100vh;
}