body {
	background-color: var(--doc-bg-primary);
	color: var(--doc-color-primary);
	font-family: 'Inter', sans-serif;
	font-size: var(--doc-font-size-md);
	margin: 0;
	padding: 0;
}

/* Theme */
:root {
	--doc-font-weight-light: 100;
	--doc-font-weight-medium: 600;
	--doc-font-weight-bold: 900;

	--doc-font-size-xs: 8px;
	--doc-font-size-sm: 10px;
	--doc-font-size-md: 14px;
	--doc-font-size-lg: 18px;

	--doc-spacing-xs: 5px;
	--doc-spacing-sm: 10px;
	--doc-spacing-md: 15px;
	--doc-spacing-lg: 20px;
	--doc-spacing-xl: 30px;

	--doc-border-radius: 3px;
	--doc-shadow: var(--doc-border) 0 2px 3px 0;

	--doc-layout-header-height: 70px;
	--doc-layout-logo-height: calc(var(--doc-layout-header-height) - var(--doc-spacing-lg));
	--doc-layout-max-main-height: calc(100vh - var(--doc-layout-header-height));

	--doc-board-column-width: 290px;

	--doc-primary: #29ace2;
	--doc-secondary: #54d0c8;
	--doc-background: #f5f5f5;
	--doc-background-secondary: #ebecf0;
	--doc-text: #444444;
	--doc-accent: #e84a5f;
	--doc-highlight: #ffd700;
	--doc-border: #d9d9d9;
	--doc-link: #006bb3;
	--doc-hover: #ff9500;

	--doc-bg-primary: var(--doc-background);
	--doc-bg-secondary: var(--doc-background-secondary);
	--doc-bg-accent: var(--doc-primary);

	--doc-color-primary: var(--doc-text);
	--doc-color-contrast: var(--doc-background);
}