/* Single-purpose helper classes. Loaded last. */

/* text color: one per palette color */
.color-cloud {
    color: var(--cloud);
}

.color-oat {
    color: var(--oat);
}

.color-chai {
    color: var(--chai);
}

.color-tea {
    color: var(--tea);
}

.color-puff {
    color: var(--puff);
}

.color-beam {
    color: var(--beam);
}

.color-starlight {
    color: var(--starlight);
}

.color-matcha {
    color: var(--matcha);
}

.color-comfy {
    color: var(--comfy);
}

.color-joycon {
    color: var(--joycon);
}

/* font family */
.font-sans {
    font-family: var(--sans-serif);
}

.font-serif {
    font-family: var(--serif);
    text-wrap: pretty;
}

.font-pixel {
    font-family: var(--pixel);
}

.font-mono {
    font-family: var(--mono);
}

/* small: quiet serif meta text (dates, descriptions) */
.small {
    font-family: var(--serif);
    font-size: var(--text-label);
    color: var(--color-text-faint);
}

.lowercase {
    text-transform: lowercase;
}