@theme inline {
	--radius-sm: calc(var(--radius) - 4px);
	--radius-md: calc(var(--radius) - 2px);
	--radius-lg: var(--radius);
	--radius-xl: calc(var(--radius) + 4px);
}

:root {
	--border-thin: 1px;
	--border-medium: 2px;
}

@layer base {
	header,
	footer {
		border-color: var(--sidebar-border);
	}

	header {
		border-bottom-width: 1px
	}
	footer {
		border-top-width: 1px;
	}

	select {
		border-width: var(--border-medium);
		border-color: var(--border);
		border-radius: var(--radius-lg);
	}

	.border-thin {
	   	border-width: var(--border-thin);
	}
	.border-medium {
	   	border-width: var(--border-medium);
	}
	.border-button {
	   	border-width: var(--border-medium);
		border-radius: var(--radius-lg);
	}
}