graphite-digestion-web/src/assets/styles/tailwind.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
	.btn-dark {
		display: flex;
		justify-content: center;
		align-items: center;
		background: var(--primaryColor);
		border: solid 1px var(--primaryColor);
		border-radius: 4px;
		color: white;
	}
	.btn-light {
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: transparent;
		border-radius: 4px;
		color: var(--primaryColor);
		border: solid 1px var(--primaryColor);
	}
	.btn-light:active {
		background-color: #e5e5e5;
	}
	.btn-light-disabled {
		color: #d6d6d6;
		border: solid 1px #d6d6d6;
	}
	.component-page {
		height: calc(100vh - var(--headerHeight) - var(--footerHeight));
		width: calc(100vw - var(--menuAreaWidth));
		background-color: #fff;
	}
}