/* ============================================================= */
/* TYPOGRAPHY                                                    */
/* ============================================================= */

body {
    font-family: var(--cf-font-body);
    font-size: var(--cf-font-size-base);
    line-height: var(--cf-line-height-base);
    color: var(--cf-color-text-primary);
}

.cf-text {
    font-family: var(--cf-font-body);
    font-size: var(--cf-font-size-base);
    line-height: var(--cf-line-height-base);
    color: var(--cf-color-text-primary);
}

.cf-text-muted {
    color: var(--cf-color-text-muted);
}

.cf-heading {
    font-family: var(--cf-font-heading);
    font-size: var(--cf-font-size-lg);
    line-height: 1.2;
    font-weight: 700;
    color: var(--cf-color-text-primary);
}