body {
    margin: 0;
    line-height: normal;
}

:root {
    /* fonts */
    --caption: "Public Sans";
    --font-poppins: Poppins;
    --font-inter: Inter;

    /* font sizes */
    --caption-size: 12px;
    --body2-size: 14px;
    --font-size-base: 16px;
    --font-size-3xs: 10px;
    --font-size-xl: 20px;

    /* Colors */
    --background-light-paper: #fff;
    --text-light-secondary: #637381;
    --text-light-disabled: #919eab;
    --components-divider: rgba(145, 158, 171, 0.24);
    --transparent-grey-12: rgba(145, 158, 171, 0.12);
    --components-input-outlined: rgba(145, 158, 171, 0.32);
    --color-linen-100: #f7f0e8;
    --color-tan: #b18d69;
    --color-darkseagreen: #7ea879;
    --color-rosybrown: #c18980;
    --color-darkslategray: #212b36;
    --color-gray: #fefefe;

    /* Gaps */
    --gap-xs: 12px;
    --gap-9xs: 4px;
    --gap-5xs: 8px;
    --gap-base: 16px;
    --gap-xl: 20px;

    /* Paddings */
    --padding-5xs: 8px;
    --padding-xs: 12px;
    --padding-sm: 14px;
    --padding-smi: 13px;
    --padding-3xs: 10px;
    --padding-6xs: 7px;
    --padding-2xs: 11px;
    --padding-9xs: 4px;
    --padding-10xs: 3px;

    /* Border radiuses */
    --br-5xs: 8px;
    --br-6xs: 7px;
    --br-31xl: 50px;
    --br-xs: 12px;
    --br-9xs: 4px;
}