/* DEFAULT GEOMETRY PARAMETERS */
:root {
    /* Most important parameter: the fonts! */
    --font-family: Arial, Helvetica, Sans-serif;
    --font-family-sans-serif: Sans-serif;
    --font-family-monospace: Monospace;
    
    /* Body */
    --body-font-size: 1.3rem;
    --body-margin: 0;
    --body-min-height: 100%;

    /* Fields */
    --field-padding: 0.5rem;
    --field-font-size: 1.3rem;
    --field-label-font-weight: normal;
    --field-border-width: 1px;
    --field-border-radius: 0.3rem;
    --field-border-invalid-style: dashed;
    --field-border-invalid-width: 1px;
    --field-transition: all 0.5s;

    /* Select */
    --field-select-value-height: 2rem;
    --field-select-value-margin: 0.2rem 0.4rem 0.2rem 0;
    --field-select-value-border: none 1px #dddddd;
    --field-select-value-border-radius: 0.3rem;
    --field-select-value-padding: 0.2rem 1rem 0.2rem 1rem;

    /* Paragraph */
    --paragraph-margin: 0;
    --paragraph-padding: 0;

    /* Unordered lists */
    --ul-line-height: 1.3rem;
    --ul-margin-block-start: 0;
    --ul-margin-block-end: 0;
    --ul-margin-inline-start: 0;
    --ul-margin-inline-end: 0;
    --ul-padding-inline-start: 4rem;

    /* Scrollbars */
    --webkit-scrollbar-height: 1rem;
    --webkit-scrollbar-width: 1rem;
    --webkit-scrollbar-thumb-border-radius: 1rem;

    /* Buttons */
    --button-padding: 0.4rem;
    --button-font-size: 1.4rem;
    --button-icon-padding: 0;
    --button-icon-font-size: 1.4rem;
    --button-border-style: solid;
    --button-border-width: 1px;
    --button-border-radius: 0.5rem;
    --button-width: 100%;
    --button-height: 3.2rem;

    /* Panels */
    --panel-padding: 1rem;
    --panel-border-style: solid;
    --panel-border-width: 1px;
    --panel-border-radius: 0.5rem;

    /* Menus */
    --menu-border-radius: 1rem;
    --menu-item-border-radius: 1rem;

    /* Datatables */
    --datacomponent-header-height: 3.6rem;
    --datacomponent-1st-column-width: 8.8rem;
    --datacomponent-cell-height: 4rem;
    --datacomponent-cell-padding: 0 0.4rem;
    --datacomponent-group-cell-height: 4rem;
    --datacomponent-group-cell-padding: 0 0.5rem 0 0;

    /* Kanban */
    --kanban-column-width: 28rem;

    /* Gallery */
    --gallery-column-width: 20rem;
    
    /* Timeline */
    --timeline-day-width: 5rem;
    --timeline-1st-column-width: 10rem;

    /* Form */
    --form-tab-height: 3.6rem;
    --form-tab-font-size: 1.3rem;
    --form-tab-border-radius: 0.5rem 0.5rem 0 0;

    /* Tabs */
    --tab-border-radius: 1rem 1rem 0 0;
}
/* /DEFAULT GEOMETRY PARAMETERS */