:root {

    --color-primary: #4E46E5 ;
    --color-secondary: #E5E3FF;
    --color-neutral: #C8CDD0;

    --color-text-90: rgba(0, 0, 0, 0.90);
    --color-text-80: rgba(0, 0, 0, 0.80);
    --color-text-70: rgba(0, 0, 0, 0.70);
    --color-text-alternative: #ffffff;

    --color-foreground: #ffffff;
    --color-background-layer: #F8F8F8;

    --color-warning-background: #FFFFD7;
    --color-warning-text: #625200;

    --color-error-background: #f8d7da;
    --color-error-text: #721c24;

    --color-success-background: #d4edda;
    --color-success-text: #155724;

    --welcome-illustration: url('/v2/assets/step-0-hands-graphic.png');
    --welcome-illustration-width: 344px;
    --welcome-illustration-height: 515px;
    --welcome-background-color: #504AC3;

    --completed-illustration: url('/v2/assets/rocket-illustration.png');
    --completed-illustration-width: 160px;
    --completed-illustration-height: 208px;
    --completed-background-color: linear-gradient(152deg, #F5F5FF 27.57%, #C9C6F4 122.24%);

    --logo-url-colorful: url('/v2/assets/logo-colorful.png');
    --logo-url-white: url('/v2/assets/checkid-logo-white.png');
    --logo-height: 48px;
    --logo-width: 132px;
}