:root {
    --font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-brand: Comfortaa;
    --font-size-title: 28px;
    --font-size-text: 16px;
    --font-size-uppercase: 14px;
    --font-size-label: 12px;

    --font-weight-normal: 200;
    --font-weight-bold: 400;
    --font-weight-heavy: 500;

    --border-radius-box: 10px;
    --border-radius-input: 5px;
    --page-padding: 15px;

    --color-bg: #F4F1DE;
    --color-text: #232424;
    --color-red: #E07A5F;
    --color-green: #81B29A;
    --color-yellow: #F2CC8F;
    --color-blue: #3D5A80;
    --color-grey: #eeeeee;
    --color-darkgrey: #b4b4b4;
    --color-primary: #8691dd;

    --color-green-background: color-mix(in srgb, var(--color-green), #ffffff 50%);

    --box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 1px 8px rgba(0, 0, 0, 0.04);
}