/* Evde Doktorum — utilities */

.ed-text-center { text-align: center; }
.ed-text-start { text-align: start; }
.ed-text-end { text-align: end; }

.ed-text-muted { color: var(--ed-muted); }
.ed-text-body { color: var(--ed-body); }
.ed-text-ink { color: var(--ed-ink); }
.ed-text-primary { color: var(--ed-primary); }
.ed-text-accent { color: var(--ed-accent-600); }
.ed-text-white { color: #fff; }

.ed-bg-surface { background: var(--ed-surface); }
.ed-bg-alt { background: var(--ed-surface-2); }
.ed-bg-primary { background: var(--ed-primary); color: #fff; }
.ed-bg-accent { background: var(--ed-accent); color: var(--ed-primary); }

.ed-fw-400 { font-weight: 400; }
.ed-fw-500 { font-weight: 500; }
.ed-fw-600 { font-weight: 600; }
.ed-fw-700 { font-weight: 700; }
.ed-fw-800 { font-weight: 800; }

.ed-m-0 { margin: 0; }
.ed-mt-0 { margin-top: 0; }
.ed-mt-2 { margin-top: var(--ed-s2); }
.ed-mt-3 { margin-top: var(--ed-s3); }
.ed-mt-4 { margin-top: var(--ed-s4); }
.ed-mt-5 { margin-top: var(--ed-s5); }
.ed-mt-6 { margin-top: var(--ed-s6); }
.ed-mt-7 { margin-top: var(--ed-s7); }
.ed-mb-0 { margin-bottom: 0; }
.ed-mb-2 { margin-bottom: var(--ed-s2); }
.ed-mb-3 { margin-bottom: var(--ed-s3); }
.ed-mb-4 { margin-bottom: var(--ed-s4); }
.ed-mb-5 { margin-bottom: var(--ed-s5); }
.ed-mb-6 { margin-bottom: var(--ed-s6); }
.ed-mb-7 { margin-bottom: var(--ed-s7); }

.ed-p-0 { padding: 0; }
.ed-py-4 { padding-block: var(--ed-s4); }
.ed-py-5 { padding-block: var(--ed-s5); }
.ed-py-6 { padding-block: var(--ed-s6); }
.ed-py-7 { padding-block: var(--ed-s7); }
.ed-py-8 { padding-block: var(--ed-s8); }

.ed-d-flex { display: flex; }
.ed-d-grid { display: grid; }
.ed-d-block { display: block; }
.ed-d-inline-flex { display: inline-flex; }

.ed-items-center { align-items: center; }
.ed-justify-center { justify-content: center; }
.ed-justify-between { justify-content: space-between; }
.ed-flex-wrap { flex-wrap: wrap; }
.ed-flex-col { flex-direction: column; }

.ed-gap-1 { gap: var(--ed-s1); }
.ed-gap-2 { gap: var(--ed-s2); }
.ed-gap-3 { gap: var(--ed-s3); }
.ed-gap-4 { gap: var(--ed-s4); }
.ed-gap-5 { gap: var(--ed-s5); }
.ed-gap-6 { gap: var(--ed-s6); }

.ed-rounded { border-radius: var(--ed-r-md); }
.ed-rounded-lg { border-radius: var(--ed-r-lg); }
.ed-rounded-full { border-radius: var(--ed-r-full); }

.ed-shadow-1 { box-shadow: var(--ed-sh-1); }
.ed-shadow-2 { box-shadow: var(--ed-sh-2); }
.ed-shadow-3 { box-shadow: var(--ed-sh-3); }

.ed-hidden { display: none !important; }
.ed-visually-hidden {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px; overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.ed-aspect-16-9 { aspect-ratio: 16 / 9; }
.ed-aspect-4-3 { aspect-ratio: 4 / 3; }
.ed-aspect-square { aspect-ratio: 1 / 1; }

.ed-w-full { width: 100%; }
.ed-h-full { height: 100%; }

.ed-divider {
	height: 1px;
	background: var(--ed-line);
	margin-block: var(--ed-s6);
}