body.clay-ui-tech {
    --hb-dashboard-sidebar-width: 280px;
    --hb-dashboard-gap: 32px;
    --hb-dashboard-page-padding-top: 32px;
    --hb-dashboard-page-padding-bottom: 40px;
    --hb-dashboard-section-gap: 40px;
    --hb-dashboard-card-padding: 24px;
    --hb-dashboard-card-radius: 24px;
    --hb-dashboard-header-gap: 24px;
    --hb-dashboard-form-label-gap: 8px;
    --hb-dashboard-form-field-gap: 20px;
    --hb-dashboard-widget-gap: 16px;
    --hb-dashboard-button-gap: 12px;
    --hb-dashboard-button-height: 48px;
    --hb-dashboard-button-radius: 16px;
    --hb-dashboard-title-size: 40px;
    --hb-dashboard-section-title-size: 28px;
    --hb-dashboard-card-title-size: 22px;
    --hb-dashboard-body-size: 16px;
    --hb-dashboard-small-size: 14px;
}

body.clay-ui-tech {
    font-size: var(--hb-dashboard-body-size);
    line-height: 1.6;
}

body.clay-ui-tech .hbello-page-hero h1,
body.clay-ui-tech .hbello-page-hero h2 {
    font-size: var(--hb-dashboard-title-size);
    line-height: 1.1;
    letter-spacing: -0.03em;
}

body.clay-ui-tech .single-profile-settings-header-title,
body.clay-ui-tech .profile-wrapper-item-title,
body.clay-ui-tech .timeTracker-item-contents-title,
body.clay-ui-tech .myJob-wrapper-single-title,
body.clay-ui-tech .hb-dashboard-section-title {
    font-size: var(--hb-dashboard-card-title-size);
    line-height: 1.35;
    font-weight: 800;
}

body.clay-ui-tech small,
body.clay-ui-tech .hb-dashboard-small,
body.clay-ui-tech .hbello-user-sidebar-footer-handle,
body.clay-ui-tech .hbello-user-sidebar-group-label {
    font-size: var(--hb-dashboard-small-size);
}

body.clay-ui-tech .hbello-page-hero-eyebrow,
body.clay-ui-tech .badge {
    font-size: 12px;
}

@media (max-width: 991px) {
    body.clay-ui-tech {
        font-size: 15px;
    }

    body.clay-ui-tech .hbello-page-hero h1,
    body.clay-ui-tech .hbello-page-hero h2 {
        font-size: 32px;
    }
}

@media (max-width: 575px) {
    body.clay-ui-tech .hbello-page-hero h1,
    body.clay-ui-tech .hbello-page-hero h2 {
        font-size: 28px;
    }
}
