:root {
    --onboarding-text-primary: #2d2e2f;
    --onboarding-text-secondary: #777777;
    --onboarding-font-rounded: 'SF Pro Rounded', 'Inter', sans-serif;
    --onboarding-font-display: 'SF Pro Display', 'Inter', sans-serif;
}

.onboarding-title {
    font-family: var(--onboarding-font-rounded);
    font-size: 24px;
    font-weight: 700;
    color: var(--onboarding-text-primary);
    text-align: center;
    line-height: normal;
    margin-bottom: 24px;
}

.onboarding-body {
    font-family: var(--onboarding-font-display);
    font-size: 19px;
    font-weight: 400;
    color: var(--onboarding-text-primary);
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1px;
    margin-bottom: 16px;
}

.onboarding-secondary {
    font-family: var(--onboarding-font-display);
    font-size: 15px;
    font-weight: 400;
    color: var(--onboarding-text-secondary);
    text-align: center;
    line-height: 1.4;
    margin-bottom: 24px;
}