:root {
    --border-radius-none: 0px;
    --border-radius-xxs: 2px;
    --border-radius-xs: 4px;
    --border-radius-sm: 8px;
    --border-radius-md: 16px;
    --border-radius-lg: 24px;
    --border-radius-pill: 9999px;
    --border-radius-circular: 50%;
    --border-width-none: 0px;
    --border-width-sm: 1px;
    --border-width-md: 2px;
    --border-width-lg: 4px;
    --border-width-heavy: 8px;
    --brand-primary-100: #e8f1ff;
    --brand-primary-200: #c5dbff;
    --brand-primary-300: #0d69fd;
    --brand-primary-400: #0b4bb1;
    --neutral-weak-100: #ffffff;
    --neutral-weak-200: #f0f0f0;
    --neutral-weak-300: #bdbdbd;
    --neutral-strong-100: #666666;
    --neutral-strong-200: #212121;
    --feedback-info-100: #e8f1ff;
    --feedback-info-200: #c5dbff;
    --feedback-info-300: #0d69fd;
    --feedback-info-400: #0b4bb1;
    --feedback-success-100: #e5ffeb;
    --feedback-success-200: #bdf2c8;
    --feedback-success-300: #188931;
    --feedback-success-400: #1a5b28;
    --feedback-warning-100: #fdf9e6;
    --feedback-warning-200: #fff3b5;
    --feedback-warning-300: #ecbe23;
    --feedback-warning-400: #806a00;
    --feedback-danger-100: #ffdee4;
    --feedback-danger-200: #ffbdc8;
    --feedback-danger-300: #da2140;
    --feedback-danger-400: #ae0925;
    --elevation-100: 0px 2px 6px 0px rgb(189, 189, 189);
    --elevation-200: 0px 4px 12px 0px rgb(189, 189, 189);
    --elevation-300: 0px 8px 16px 0px rgb(189, 189, 189);
    --opacity-100: 8%;
    --opacity-200: 16%;
    --opacity-300: 32%;
    --opacity-400: 64%;
    --opacity-500: 80%;
    --font-family-default: Roboto,sans-serif;
    --font-family-number: Roboto Mono,monospace;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --line-height-xs: 1rem;
    --line-height-sm: 1.5rem;
    --line-height-md: 2rem;
    --line-height-lg: 2.5rem;
    --line-height-xl: 3rem;
    --letter-spacing-sm: 0em;
    --letter-spacing-md: 0.04em;
    --font-size-xxxs: 0.625rem;
    --font-size-xxs: 0.75rem;
    --font-size-xs: 0.875rem;
    --font-size-sm: 1rem;
    --font-size-md: 1.25rem;
    --font-size-lg: 1.5rem;
    --font-size-xl: 1.75rem;
    --font-size-xxl: 2rem;
    --font-size-xxxl: 2.5rem;
    --inner-space-1: 2px;
    --inner-space-2: 4px;
    --inner-space-3: 6px;
    --inner-space-4: 8px;
    --inner-space-5: 10px;
    --inner-space-6: 12px;
    --inner-space-7: 16px;
    --inner-space-8: 20px;
    --inner-space-9: 24px;
    --inner-space-10: 32px;
    --outer-space-1: 8px;
    --outer-space-2: 16px;
    --outer-space-3: 24px;
    --outer-space-4: 32px;
    --outer-space-5: 40px;
    --outer-space-6: 48px;
    --outer-space-7: 56px;
    --outer-space-8: 64px;
    --heading-default-font: 500 1.5rem/2rem Roboto,sans-serif;
    --heading-default-letter-spacing: 0em;
    --heading-default-text-decoration: none;
    --heading-medium-font: 500 1.25rem/1.5rem Roboto,sans-serif;
    --heading-medium-letter-spacing: 0em;
    --heading-medium-text-decoration: none;
    --heading-small-font: 500 1rem/1.5rem Roboto,sans-serif;
    --heading-small-letter-spacing: 0em;
    --heading-small-text-decoration: none;
    --subheading-default-font: 300 1rem/1.5rem Roboto,sans-serif;
    --subheading-default-letter-spacing: 0em;
    --subheading-default-text-decoration: none;
    --subheading-small-font: 300 0.875rem/1rem Roboto,sans-serif;
    --subheading-small-letter-spacing: 0em;
    --subheading-small-text-decoration: none;
    --body-default-font: 400 1rem/1.5rem Roboto,sans-serif;
    --body-default-letter-spacing: 0em;
    --body-default-text-decoration: none;
    --body-small-font: 400 0.875rem/1rem Roboto,sans-serif;
    --body-small-letter-spacing: 0em;
    --body-small-text-decoration: none;
    --button-default-font: 500 0.875rem/1rem Roboto,sans-serif;
    --button-default-letter-spacing: 0em;
    --button-default-text-decoration: none;
    --link-large-font: 400 1rem/1.5rem Roboto,sans-serif;
    --link-large-letter-spacing: 0em;
    --link-large-text-decoration: underline;
    --link-default-font: 400 0.875rem/1rem Roboto,sans-serif;
    --link-default-letter-spacing: 0em;
    --link-default-text-decoration: none;
    --link-small-font: 400 0.75rem/1rem Roboto,sans-serif;
    --link-small-letter-spacing: 0.04em;
    --link-small-text-decoration: none;
    --label-default-font: 300 0.875rem/1rem Roboto,sans-serif;
    --label-default-letter-spacing: 0em;
    --label-default-text-decoration: none;
    --caption-default-font: 400 0.75rem/1rem Roboto,sans-serif;
    --caption-default-letter-spacing: 0.04em;
    --caption-default-text-decoration: none;

    /**********/

    --brand-primary-opacity-1: #0d69fdcc;
    --brand-primary-opacity-2: #0d69fda7;
    --brand-primary-opacity-3: #0d69fd77;
    --brand-primary-opacity-4: #0d69fd4d;
    --brand-primary-opacity-5: #0d69fd33;
    --feedback-success-opacity-1: #188931cc;
    --feedback-success-opacity-2: #188931a7;
    --feedback-success-opacity-3: #18893177;
    --feedback-success-opacity-4: #1889314d;
    --feedback-success-opacity-5: #18893133;
    --feedback-warning-opacity-1: #ecbe23cc;
    --feedback-warning-opacity-2: #ecbe23a7;
    --feedback-warning-opacity-3: #ecbe2377;
    --feedback-warning-opacity-4: #ecbe234d;
    --feedback-warning-opacity-5: #ecbe2333;
    --feedback-danger-opacity-1: #da2140cc;
    --feedback-danger-opacity-2: #da2140a7;
    --feedback-danger-opacity-3: #da214077;
    --feedback-danger-opacity-4: #da21404d;
    --feedback-danger-opacity-5: #da214033;
}