:root {
    /* ________________ DON'T CHANGE ________________*/

    /* General settings - Core */
    --sidebar-expanded-width: 250px;
    --form-component-height: 34px;
    --form-component-padding: 4px 12px;
    --form-component-font-size: 14px;
    --form-component-label-size: 13px;
    --table-padding: 10px 12px;
    --table-head-font-size: 14px;
    --table-body-font-size: 14px;
    --table-head-button-size: 20px;
    --radius: 8px;
    --time-01: 0.125s;

    /* ________________ END DON'T CHANGE ________________*/

    /* General settings - Custom */

    /* Layout */
    --sidebar-expanded-width: 220px;
    --layout-content-padding-sideview: 24px;

    /* Form */
    --form-component-height: 34px;
    --form-component-padding: 4px 12px;
    --form-component-font-size: 14px;
    --form-component-label-size: 14px;

    /* Table */
    --table-padding: 8px 8px;
    --table-head-font-size: 14px;
    --table-body-font-size: 14px;
    --table-head-button-size: 20px;

    /* General */
    --radius-mini: 4px;
    --radius-base: 8px;
    --radius-large: 16px;

    --font-size: 14px;

    --box-shadow: 0px 3px 6px 0px rgba(26, 61, 77, 10%);

    /* Animations speed */
    --time-01: 0.125s;

    --bs-table-bg: var(--table-line-even-background-color);
    --bs-body-color: ;
}

@media(max-width: 576px) {
    :root {
        --bs-body-font-size: 14px;

        --form-component-font-size: 13px;
        --form-component-label-size: 13px;

        --table-padding: 6px 6px;
        --table-head-font-size: 13px;
        --table-body-font-size: 13px;
        --table-head-button-size: 18px;

        --font-size: 13px;

        --vh: 1vh;
    }
}