/* ==========================================
   HEADINGS
========================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--ct-font-heading);
    font-weight: var(--ct-fw-bold);
    line-height: var(--ct-lh-tight);
    color: var(--ct-color-black);
    margin-bottom: 0.75em;
}

h1 {
    font-size: var(--ct-fs-5xl);
}

h2 {
    font-size: var(--ct-fs-4xl);
}

h3 {
    font-size: var(--ct-fs-3xl);
}

h4 {
    font-size: var(--ct-fs-2xl);
}

h5 {
    font-size: var(--ct-fs-xl);
}

h6 {
    font-size: var(--ct-fs-lg);
}

/* ==========================================
   PARAGRAPHS
========================================== */

p {
    margin: 0 0 1.5rem;

    font-family: var(--ct-font-body);

    font-size: var(--ct-fs-base);

    font-weight: var(--ct-fw-regular);

    line-height: var(--ct-lh-normal);

    color: var(--ct-color-black);
}

/* ==========================================
   LINKS
========================================== */

a {

    color: var(--ct-color-primary);

    text-decoration: none;

    transition: color .25s ease;

}

a:hover {

    color: var(--ct-color-secondary);

}

a:focus {

    outline: 2px solid var(--ct-color-primary);

    outline-offset: 3px;

}

a:active {

    opacity: .8;

}