/*
	Utility classes

	More or less a temporary file as many can be/will be/are integrated in WordPress or require rework
*/

/* Font families*/
.has-paragraph-font-family {
    font-family: var(--text-font, "system-ui");
}
.has-heading-font-family {
    font-family: var(--heading-font, var(--text-font, "system-ui"));
}

/* Font weights */
.has-100-font-weight {
    font-weight: 100;
}
.has-200-font-weight {
    font-weight: 200;
}
.has-300-font-weight {
    font-weight: 300;
}
.has-400-font-weight {
    font-weight: 400;
}
.has-500-font-weight {
    font-weight: 500;
}
.has-600-font-weight {
    font-weight: 600;
}
.has-700-font-weight {
    font-weight: 700;
}
.has-800-font-weight {
    font-weight: 800;
}
.has-900-font-weight {
    font-weight: 900;
}

/* Font sizes */
[class*="-font-size"] {
    font-size: var(--font-size);
    line-height: var(--line-height);
}
.has-small-font-size {
    --font-size: var(--wp--preset--font-size--small, 0.75rem);
    --line-height: 1.7;
}
.has-smaller-font-size {
    --font-size: var(--wp--preset--font-size--smaller);
    --line-height: 1.6;
}
.has-regular-font-size {
    --font-size: var(--wp--preset--font-size--default, 1rem);
    --line-height: 1.5;
}
.has-medium-font-size {
    --font-size: var(--wp--preset--font-size--medium, 1.5rem);
    --line-height: 1.4;
}
.has-large-font-size {
    --font-size: var(--wp--preset--font-size--large, 2rem);
    --line-height: 1.2;
}
.has-x-large-font-size {
    --font-size: var(--wp--preset--font-size--x-large, 3rem);
    --line-height: 1.1;
}
.has-huge-font-size {
	--font-size: var(--wp--preset--font-size--huge, 5rem);
    --line-height: 1.1;
}

/* Alignment */
.has-left-text-align {
    text-align: left;
}
.has-center-text-align {
    text-align: center;
}
.has-right-text-align {
    text-align: right;
}

.has-start-justify {
    justify-content: start;
}
.has-center-justify {
    justify-content: center;
}
.has-end-justify {
    justify-content: end;
}

/* Spacing */
.has-no-spacing {
    --spacing: 0;
}
.has-default-spacing {
    --spacing: var(--padding);
}
.has-x-small-spacing {
    --spacing: calc(var(--padding) / 2.5);
}
.has-small-spacing {
    --spacing: calc(var(--padding) / 2);
}
.has-smaller-spacing {
    --spacing: calc(var(--padding) / 1.5);
}
.has-regular-spacing {
    --spacing: var(--padding);
}
.has-medium-spacing {
    --spacing: calc(var(--padding) * 1.5);
}
.has-large-spacing {
    --spacing: calc(var(--padding) * 2);
}
.has-x-large-spacing {
    --spacing: calc(var(--padding) * 2.5);
}