/* Classes utilitárias */

.u-hidden {
	display: none !important;
}

.u-flex {
	display: flex !important;
}

.u-grid {
	display: grid !important;
}

.u-text-muted,
.text-muted {
	color: var(--muted) !important;
}

.text-primary {
	color: var(--text);
}

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

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

.text-danger {
	color: var(--danger);
}

.text-warning {
	color: var(--warning);
}

.text-pj {
	color: var(--pj);
}

.text-pf {
	color: var(--pf);
}

.bg-primary {
	background: var(--surface);
}

.bg-secondary {
	background: var(--surface-2);
}

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

.bg-danger {
	background: var(--danger-bg);
}

.bg-warning {
	background: var(--warning-bg);
}

.bg-pj {
	background: var(--tag-pj-bg);
}

.bg-pf {
	background: var(--tag-pf-bg);
}

.border-accent {
	border-color: var(--success);
}

.border-danger {
	border-color: var(--danger);
}

.border-warning {
	border-color: var(--warning);
}

.border-pj {
	border-color: var(--pj);
}

.border-pf {
	border-color: var(--pf);
}

.fs-xs {
	font-size: 10px;
}

.fs-sm {
	font-size: 12px;
}

.fs-md {
	font-size: 14px;
}

.fs-lg {
	font-size: 16px;
}

.fs-xl {
	font-size: 20px;
}

.fw-light {
	font-weight: 300;
}

.fw-normal {
	font-weight: 400;
}

.fw-medium {
	font-weight: 500;
}

.fw-semibold {
	font-weight: 600;
}

.fw-bold {
	font-weight: 700;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}