:root {
    --primary-yellow: #FFD500;
    --primary-green: #32BCAD;
    --secondary-pink: #ED047A;
    --secondary-red: #ED1C24;
    --nutrition-400: #87BC3C;
    --wellness-400: #F65D85;
    --fitness-400: #00BBFB;
    --sleeping-400: #435EAB;
    --light-red: #ed1c2424;
    --steps-300: #7668D6;
    --steps-400: #3C27C4;
    --step-400: #3C27C4;
    --nutrition-300: #A2CE64;
    --wellness-300: #F881A0;
    --fitness-300: #4DCFFC;
    --sleeping-300: #7B8EC4;
    --steps-200: #9D93E1;
    --nutrition-200: #B7D987;
    --wellness-200: #FA9EB6;
    --fitness-200: #80DDFD;
    --sleeping-200: #A1AED5;
    --steps-100: #C4BEED;
    --nutrition-100: #D3E8B6;
    --wellness-100: #FCC0D0;
    --fitness-100: #B3EBFE;
    --sleeping-100: #C7CFE6;
    --text-heading: #2E2E2C;
    --text-body-primary: #676666;
    --text-body-secondary: #A5A5A5;
    --text-body-000: #FFFFFF;
    --background-300: #D1D2D3;
    --background-200: #E5E5E5;
    --background-100: #F6F6F6;
    --background-000: #FFFFFF;
    --success-primary: #22C55E;
    --success-secondary: #EBFFF1;
    --error-primary: #EF4444;
    --error-secondary: #FFEFEB;
    --alert-primary: #FEB241;
    --alert-secondary: #FFF1DB;
    --information-primary: #4094F7;
    --information-secondary: #E2F2FF;
    --font-size-large-title-64: 64px;
    --line-height-large-title-64: 72px;
    --font-weight-bold: bold;
    --font-size-large-title-40: 40px;
    --line-height-large-title-40: 56px;
    --font-size-large-title-36: 36px;
    --line-height-large-title-36: 48px;
    --font-size-title-28: 28px;
    --line-height-title-28: 40px;
    --font-weight-medium: 500;
    --font-size-title-24: 24px;
    --line-height-title-24: 36px;
    --font-size-title-22: 22px;
    --line-height-title-22: 32px;
    --font-weight-regular: normal;
    --font-size-title-18: 18px;
    --line-height-title-18: 28px;
    --font-size-body-text-16: 16px;
    --line-height-body-text-16: 24px;
    --font-size-body-text-14: 14px;
    --line-height-body-text-14: 24px;
    --font-size-caption-12: 12px;
    --line-height-caption-12: 16px;
    --font-size-caption-10: 10px;
    --line-height-caption-10: 14px;
    --primary-yellow-10: rgba(255, 213, 0, 0.1);
    --wellness-400-10: rgba(246, 93, 133, 0.1);
    --secondary-red-10: rgba(237, 28, 36, 0.1);
    --nutrition-400-10: rgba(135, 188, 60, 0.1);
    --steps-400-10: rgba(60, 39, 196, 0.1);
    --fitness-400-10: rgba(0, 187, 251, 0.1);
}
.large-title-64 {
    font-size: var(--font-size-large-title-64);
    line-height: var(--line-height-large-title-64);
    font-weight: var(--font-weight-bold);
}

.large-title-40 {
    font-size: var(--font-size-large-title-40);
    line-height: var(--line-height-large-title-40);
    font-weight: var(--font-weight-bold);
}

.large-title-36 {
    font-size: var(--font-size-large-title-36);
    line-height: var(--line-height-large-title-36);
    font-weight: var(--font-weight-bold);
}

.title-28 {
    font-size: var(--font-size-title-28);
    line-height: var(--line-height-title-28);
    font-weight: var(--font-weight-bold);
}

.title-24 {
    font-size: var(--font-size-title-24);
    line-height: var(--line-height-title-24);
    font-weight: var(--font-weight-medium);
}

.title-22 {
    font-size: var(--font-size-title-22);
    line-height: var(--line-height-title-22);
    font-weight: var(--font-weight-regular);
}

.title-18 {
    font-size: var(--font-size-title-18);
    line-height: var(--line-height-title-18);
    font-weight: var(--font-weight-regular);
}

.body-text-16 {
    font-size: var(--font-size-body-text-16);
    line-height: var(--line-height-body-text-16);
    font-weight: var(--font-weight-regular);
}

.body-text-14 {
    font-size: var(--font-size-body-text-14);
    line-height: var(--line-height-body-text-14);
    font-weight: var(--font-weight-regular);
}

.caption-12 {
    font-size: var(--font-size-caption-12);
    line-height: var(--line-height-caption-12);
    font-weight: var(--font-weight-medium);
}

.caption-10 {
    font-size: var(--font-size-caption-10);
    line-height: var(--line-height-caption-10);
    font-weight: var(--font-weight-medium);
}
.background-300 {
    background-color: var(--background-300);
}

.background-200 {
    background-color: var(--background-200);
}

.background-100 {
    background-color: var(--background-100);
}

.background-000 {
    background-color: var(--background-000);
}

.success-primary {
    background-color: var(--success-primary);
}

.success-secondary {
    background-color: var(--success-secondary);
}

.error-primary {
    background-color: var(--error-primary);
}

.error-secondary {
    background-color: var(--error-secondary);
}

.alert-primary {
    background-color: var(--alert-primary);
}

.alert-secondary {
    background-color: var(--alert-secondary);
}

.information-primary {
    background-color: var(--information-primary);
}

.information-secondary {
    background-color: var(--information-secondary);
}
.text-heading {
    color: var(--text-heading);
}