:root {
	--fabr-primary: #00a7d1;
	--fabr-primary-dark: #008fb3;
	--fabr-dark: #222222;
	--fabr-text: #1f2937;
	--fabr-muted: #6b7280;
	--fabr-border: #e5e7eb;
	--fabr-soft: #f7f9fc;
	--fabr-white: #ffffff;
	--fabr-success: #16a34a;
	--fabr-warning: #f59e0b;
	--fabr-error: #dc2626;
	--fabr-radius-sm: 10px;
	--fabr-radius-md: 16px;
	--fabr-radius-lg: 24px;
	--fabr-shadow-sm: 0 6px 18px rgba(15, 23, 42, 0.06);
	--fabr-shadow-md: 0 16px 40px rgba(15, 23, 42, 0.09);
	--fabr-transition: 180ms ease;
}

.fabr-app,
.fabr-app * {
	box-sizing: border-box;
}

.fabr-app {
	font-family: inherit;
	color: var(--fabr-text);
}

.fabr-app h1,
.fabr-app h2,
.fabr-app h3,
.fabr-app h4,
.fabr-app p {
	margin-top: 0;
}

.fabr-app p {
	color: var(--fabr-muted);
	line-height: 1.6;
}

.fabr-app button,
.fabr-app input,
.fabr-app select {
	font-family: inherit;
}