:root {
    /* COLORS */
    --main-color: #1f3f8c;
    --secondary-color: #85b1dd;
    --white-color: #ffffff;
    --theme-border-color: #25276e;

    --self-confidence-background: linear-gradient(180deg, #63ae75 0%, #2e6c3d 100%);
    --abandonment-background: linear-gradient(180deg, #e48e68 0%, #a12d28 100%);
    --what-background: linear-gradient(180deg, #6ab9b5 0%, #2b6972 100%);

    /* SIZES */
    --content-max-size: 1440px;
    --default-spacing: 14px;
    --half-spacing: calc(var(--default-spacing) / 2);
    --default-font-sizing: 16px;
}

body {
    background-color: var(--secondary-color);
    font-size: 16px;
    margin: 0;
}