/* ======================= */
/* ==== UTILITIES.CSS ==== */
/* ======================= */


/* ==== COLOR UTILITIES ==== */

/* ==== FONT COLORS ==== */
.text-accent-primary {
    color: var(--accent-primary);
}

.text-accent-secondary {
    color: var(--accent-secondary);
}

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

/* ==== BACKGROUNDS ==== */
.bg-accent-primary {
    background-color: var(--accent-primary);
}

.bg-accent-highlight {
    background-color: var(--accent-highlight);
}

.bg-accent-muted {
    background-color: var(--accent-muted);
}

/* ==== FONT UTILITIES ==== */

.font-accent-primary {
    font-family: var(--heading);
}

.font-accent-secondary {
    font-family: var(--font-accent);
    letter-spacing: 0.05em;
}

/* .font-accent {
    font-family: var(--font-accent);
    letter-spacing: 0.05em;
    font-size: clamp(1.1rem, 1.5vw, 1.4rem);
} */

/*  */

.w-fit {
    width: fit-content !important;
}