:root {
	--primary: #795548;
	--primary-hover: #5d4037;
	
	--shadow-soft: 3px 3px 10px rgba(0,0,0,0.15);
	--shadow-medium: 4px 4px 12px rgba(0,0,0,0.30);
	--shadow-hard: 6px 6px 15px rgba(0,0,0,0.90);
	
	--shadow-custom: 6px 6px 15px rgba(0,0,0,0.90);
}

body.dark-theme {
	--shadow-soft:
		1px 1px 2px rgba(255,255,255,0.05),
		3px 3px 10px rgba(0,0,0,0.50);

	--shadow-medium:
		1px 1px 3px rgba(255,255,255,0.08),
		4px 4px 12px rgba(0,0,0,0.65);

	--shadow-hard:
		1px 1px 3px rgba(255,255,255,0.16),
		8px 8px 25px rgba(0,0,0,0.80);
		
	--shadow-custom:
		3px 3px 9px rgba(255,255,255,0.16),
		8px 8px 25px rgba(0,0,0,0.80);
}

.page-ornament-top,
.page-ornament-bottom {
	max-width: 1200px;
	height: 20px;

	margin: 10px 3px;

	box-sizing: border-box;
}

.page-ornament-top {
	border-top: 3px solid var(--primary);
	border-left: 3px solid var(--primary);
	border-right: 3px solid var(--primary);

	border-radius: 15px 15px 0 0;
}

.page-ornament-bottom {
	border-bottom: 3px solid var(--primary);
	border-left: 3px solid var(--primary);
	border-right: 3px solid var(--primary);

	border-radius: 0 0 15px 15px;
}