:root {
    --fieldset-bottom-margin: var(--size-l);

    --label-color: var(--color-secondary);
    --label-color-required: var(--color-danger);

    --input-border-radius: 0.4rem;
    --input-border-width: 0.1rem;
    --input-border-width-top: var(--input-border-width);
    --input-border-width-bottom: var(--input-border-width);
    --input-border-width-left: var(--input-border-width);
    --input-border-width-right: var(--input-border-width);
    --input-border-size: var(--input-border-width-top) var(--input-border-width-right) var(--input-border-width-bottom) var(--input-border-width-left);

    --input-fontsize: var(--size-5);
    --input-height: 4rem;
    --input-height-s: 3.6rem;
    --input-height-l: 4.8rem;
    --input-padding-left: var(--size-m);
    --input-padding-right: var(--size-m);
    --input-padding: 0 var(--input-padding-right) 0 var(--input-padding-left);

    --input-bg: var(--color-input);
    --input-border-color: var(--color-border);
    --input-color: var(--color-input-primary);
    --input-placeholder-color: var(--color-tertiary);

    --input-readonly-bg: var(--color-border);
    --input-invalid-bg: var(--color-danger-theme);
    --input-focus-bg: var(--input-bg);
    --input-focus-border-color: var(--color-accent-1);
    --input-hover-border-color: var(--color-secondary);

    --textarea-height: calc(var(--input-height) * 4);

    --button-height: var(--input-height);
    --button-fontsize: var(--input-fontsize);
    --button-fontweight: 400;
    --button-padding-side: var(--size-l);
    --button-border-radius: var(--input-border-radius);
    --button-border-width: 0.1rem;
    --button-border-color: var(--color-border);
    --button-icon-margin-textside: var(--size-s);
    --button-icon-margin-outside: calc(calc(-1 * var(--button-padding-side)) + calc(var(--button-padding-side) / 1.2));
    --button-bg: var(--input-bg);
    --button-color: var(--input-color);
    --button-margin-left: 0;
    --button-margin-right: 0;
}